ll-plus 2.2.12 → 2.2.13

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 (204) hide show
  1. package/es/components/advanced-filtering/index.d.ts +303 -303
  2. package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +154 -154
  3. package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
  4. package/es/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
  5. package/es/components/api-component/index.d.ts +30 -30
  6. package/es/components/api-component/src/api-component.vue.d.ts +30 -30
  7. package/es/components/api-component/src/components/api-modal.vue.d.ts +6 -6
  8. package/es/components/api-component/src/components/api-url.vue.d.ts +5 -5
  9. package/es/components/api-component/src/components/click-input.vue.d.ts +10 -10
  10. package/es/components/api-component/src/components/params-table-row.vue.d.ts +16 -16
  11. package/es/components/api-component/src/components/params-table.vue.d.ts +20 -20
  12. package/es/components/api-component/src/config/api-component.d.ts +1 -1
  13. package/es/components/api-component/src/config/api-modal.d.ts +1 -1
  14. package/es/components/api-component/src/config/click-input.d.ts +1 -1
  15. package/es/components/button/index.d.ts +1 -1
  16. package/es/components/button/src/button.vue.d.ts +1 -1
  17. package/es/components/checkbox/index.d.ts +217 -217
  18. package/es/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  19. package/es/components/checkbox/src/checkbox.d.ts +56 -56
  20. package/es/components/drawer/index.d.ts +11 -11
  21. package/es/components/drawer/src/components/second-confirmation/index.d.ts +8 -8
  22. package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +8 -8
  23. package/es/components/drawer/src/drawer.vue.d.ts +11 -11
  24. package/es/components/easy-cron/index.d.ts +82 -82
  25. package/es/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
  26. package/es/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
  27. package/es/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
  28. package/es/components/form/index.d.ts +142 -142
  29. package/es/components/form/src/config/form.d.ts +56 -56
  30. package/es/components/form/src/form.vue.d.ts +142 -142
  31. package/es/components/icon-base/index.d.ts +2 -2
  32. package/es/components/icon-base/src/icon-base.vue.d.ts +2 -2
  33. package/es/components/input/index.d.ts +31 -31
  34. package/es/components/input/src/input.vue.d.ts +31 -31
  35. package/es/components/key-value/index.d.ts +23 -11
  36. package/es/components/key-value/src/components/key-value-item.vue.d.ts +16 -4
  37. package/es/components/key-value/src/components/key-value-item.vue2.mjs +5 -5
  38. package/es/components/key-value/src/components/key-value-item.vue2.mjs.map +1 -1
  39. package/es/components/key-value/src/config/key-value-item.d.ts +10 -4
  40. package/es/components/key-value/src/config/key-value-item.mjs.map +1 -1
  41. package/es/components/key-value/src/config/key-value.d.ts +2 -2
  42. package/es/components/key-value/src/config/key-value.mjs +2 -2
  43. package/es/components/key-value/src/config/key-value.mjs.map +1 -1
  44. package/es/components/key-value/src/key-value.vue.d.ts +23 -11
  45. package/es/components/key-value/src/key-value.vue2.mjs +13 -6
  46. package/es/components/key-value/src/key-value.vue2.mjs.map +1 -1
  47. package/es/components/modal/index.d.ts +5 -5
  48. package/es/components/modal/src/modal.vue.d.ts +5 -5
  49. package/es/components/operate-icon/index.d.ts +6 -6
  50. package/es/components/operate-icon/src/operate-icon.vue.d.ts +6 -6
  51. package/es/components/select/index.d.ts +11 -11
  52. package/es/components/select/src/select.vue.d.ts +11 -11
  53. package/es/components/table/index.d.ts +6 -6
  54. package/es/components/table/src/components/main-table.vue.d.ts +2 -2
  55. package/es/components/table/src/config/table.d.ts +2 -2
  56. package/es/components/table/src/table.vue.d.ts +6 -6
  57. package/es/components/textarea/index.d.ts +5 -5
  58. package/es/components/textarea/src/textarea.vue.d.ts +5 -5
  59. package/es/components/tooltip/index.d.ts +4 -4
  60. package/es/components/tooltip/src/tooltip.d.ts +1 -1
  61. package/es/components/tooltip/src/tooltip.vue.d.ts +4 -4
  62. package/es/components/tree/index.d.ts +2 -2
  63. package/es/components/tree/src/tree.vue.d.ts +2 -2
  64. package/es/components/tree-search/index.d.ts +17 -17
  65. package/es/components/tree-search/src/config/tree-search.d.ts +4 -4
  66. package/es/components/tree-search/src/tree-search.vue.d.ts +17 -17
  67. package/es/components/upload-drag/index.d.ts +4 -4
  68. package/es/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
  69. package/index.full.js +20 -13
  70. package/index.full.min.js +1 -1
  71. package/index.full.min.js.map +1 -1
  72. package/index.full.min.mjs +1 -1
  73. package/index.full.min.mjs.map +1 -1
  74. package/index.full.mjs +20 -13
  75. package/lib/components/advanced-filtering/index.d.ts +303 -303
  76. package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +154 -154
  77. package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
  78. package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
  79. package/lib/components/api-component/index.d.ts +30 -30
  80. package/lib/components/api-component/src/api-component.vue.d.ts +30 -30
  81. package/lib/components/api-component/src/components/api-modal.vue.d.ts +6 -6
  82. package/lib/components/api-component/src/components/api-url.vue.d.ts +5 -5
  83. package/lib/components/api-component/src/components/click-input.vue.d.ts +10 -10
  84. package/lib/components/api-component/src/components/params-table-row.vue.d.ts +16 -16
  85. package/lib/components/api-component/src/components/params-table.vue.d.ts +20 -20
  86. package/lib/components/api-component/src/config/api-component.d.ts +1 -1
  87. package/lib/components/api-component/src/config/api-modal.d.ts +1 -1
  88. package/lib/components/api-component/src/config/click-input.d.ts +1 -1
  89. package/lib/components/button/index.d.ts +1 -1
  90. package/lib/components/button/src/button.vue.d.ts +1 -1
  91. package/lib/components/checkbox/index.d.ts +217 -217
  92. package/lib/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  93. package/lib/components/checkbox/src/checkbox.d.ts +56 -56
  94. package/lib/components/drawer/index.d.ts +11 -11
  95. package/lib/components/drawer/src/components/second-confirmation/index.d.ts +8 -8
  96. package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +8 -8
  97. package/lib/components/drawer/src/drawer.vue.d.ts +11 -11
  98. package/lib/components/easy-cron/index.d.ts +82 -82
  99. package/lib/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
  100. package/lib/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
  101. package/lib/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
  102. package/lib/components/form/index.d.ts +142 -142
  103. package/lib/components/form/src/config/form.d.ts +56 -56
  104. package/lib/components/form/src/form.vue.d.ts +142 -142
  105. package/lib/components/icon-base/index.d.ts +2 -2
  106. package/lib/components/icon-base/src/icon-base.vue.d.ts +2 -2
  107. package/lib/components/input/index.d.ts +31 -31
  108. package/lib/components/input/src/input.vue.d.ts +31 -31
  109. package/lib/components/key-value/index.d.ts +23 -11
  110. package/lib/components/key-value/src/components/key-value-item.vue.d.ts +16 -4
  111. package/lib/components/key-value/src/components/key-value-item.vue2.js +5 -5
  112. package/lib/components/key-value/src/components/key-value-item.vue2.js.map +1 -1
  113. package/lib/components/key-value/src/config/key-value-item.d.ts +10 -4
  114. package/lib/components/key-value/src/config/key-value-item.js.map +1 -1
  115. package/lib/components/key-value/src/config/key-value.d.ts +2 -2
  116. package/lib/components/key-value/src/config/key-value.js +2 -2
  117. package/lib/components/key-value/src/config/key-value.js.map +1 -1
  118. package/lib/components/key-value/src/key-value.vue.d.ts +23 -11
  119. package/lib/components/key-value/src/key-value.vue2.js +13 -6
  120. package/lib/components/key-value/src/key-value.vue2.js.map +1 -1
  121. package/lib/components/modal/index.d.ts +5 -5
  122. package/lib/components/modal/src/modal.vue.d.ts +5 -5
  123. package/lib/components/operate-icon/index.d.ts +6 -6
  124. package/lib/components/operate-icon/src/operate-icon.vue.d.ts +6 -6
  125. package/lib/components/select/index.d.ts +11 -11
  126. package/lib/components/select/src/select.vue.d.ts +11 -11
  127. package/lib/components/table/index.d.ts +6 -6
  128. package/lib/components/table/src/components/main-table.vue.d.ts +2 -2
  129. package/lib/components/table/src/config/table.d.ts +2 -2
  130. package/lib/components/table/src/table.vue.d.ts +6 -6
  131. package/lib/components/textarea/index.d.ts +5 -5
  132. package/lib/components/textarea/src/textarea.vue.d.ts +5 -5
  133. package/lib/components/tooltip/index.d.ts +4 -4
  134. package/lib/components/tooltip/src/tooltip.d.ts +1 -1
  135. package/lib/components/tooltip/src/tooltip.vue.d.ts +4 -4
  136. package/lib/components/tree/index.d.ts +2 -2
  137. package/lib/components/tree/src/tree.vue.d.ts +2 -2
  138. package/lib/components/tree-search/index.d.ts +17 -17
  139. package/lib/components/tree-search/src/config/tree-search.d.ts +4 -4
  140. package/lib/components/tree-search/src/tree-search.vue.d.ts +17 -17
  141. package/lib/components/upload-drag/index.d.ts +4 -4
  142. package/lib/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
  143. package/package.json +1 -1
  144. package/types/packages/components/advanced-filtering/index.d.ts +303 -303
  145. package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +154 -154
  146. package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +145 -145
  147. package/types/packages/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
  148. package/types/packages/components/api-component/index.d.ts +30 -30
  149. package/types/packages/components/api-component/src/api-component.vue.d.ts +30 -30
  150. package/types/packages/components/api-component/src/components/api-modal.vue.d.ts +6 -6
  151. package/types/packages/components/api-component/src/components/api-url.vue.d.ts +5 -5
  152. package/types/packages/components/api-component/src/components/click-input.vue.d.ts +10 -10
  153. package/types/packages/components/api-component/src/components/params-table-row.vue.d.ts +16 -16
  154. package/types/packages/components/api-component/src/components/params-table.vue.d.ts +20 -20
  155. package/types/packages/components/api-component/src/config/api-component.d.ts +1 -1
  156. package/types/packages/components/api-component/src/config/api-modal.d.ts +1 -1
  157. package/types/packages/components/api-component/src/config/click-input.d.ts +1 -1
  158. package/types/packages/components/button/index.d.ts +1 -1
  159. package/types/packages/components/button/src/button.vue.d.ts +1 -1
  160. package/types/packages/components/checkbox/index.d.ts +217 -217
  161. package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  162. package/types/packages/components/checkbox/src/checkbox.d.ts +56 -56
  163. package/types/packages/components/drawer/index.d.ts +11 -11
  164. package/types/packages/components/drawer/src/components/second-confirmation/index.d.ts +8 -8
  165. package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +8 -8
  166. package/types/packages/components/drawer/src/drawer.vue.d.ts +11 -11
  167. package/types/packages/components/easy-cron/index.d.ts +82 -82
  168. package/types/packages/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +77 -77
  169. package/types/packages/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +77 -77
  170. package/types/packages/components/easy-cron/src/easy-cron.vue.d.ts +82 -82
  171. package/types/packages/components/form/index.d.ts +142 -142
  172. package/types/packages/components/form/src/config/form.d.ts +56 -56
  173. package/types/packages/components/form/src/form.vue.d.ts +142 -142
  174. package/types/packages/components/icon-base/index.d.ts +2 -2
  175. package/types/packages/components/icon-base/src/icon-base.vue.d.ts +2 -2
  176. package/types/packages/components/input/index.d.ts +31 -31
  177. package/types/packages/components/input/src/input.vue.d.ts +31 -31
  178. package/types/packages/components/key-value/index.d.ts +23 -11
  179. package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +16 -4
  180. package/types/packages/components/key-value/src/config/key-value-item.d.ts +10 -4
  181. package/types/packages/components/key-value/src/config/key-value.d.ts +2 -2
  182. package/types/packages/components/key-value/src/key-value.vue.d.ts +23 -11
  183. package/types/packages/components/modal/index.d.ts +5 -5
  184. package/types/packages/components/modal/src/modal.vue.d.ts +5 -5
  185. package/types/packages/components/operate-icon/index.d.ts +6 -6
  186. package/types/packages/components/operate-icon/src/operate-icon.vue.d.ts +6 -6
  187. package/types/packages/components/select/index.d.ts +11 -11
  188. package/types/packages/components/select/src/select.vue.d.ts +11 -11
  189. package/types/packages/components/table/index.d.ts +6 -6
  190. package/types/packages/components/table/src/components/main-table.vue.d.ts +2 -2
  191. package/types/packages/components/table/src/config/table.d.ts +2 -2
  192. package/types/packages/components/table/src/table.vue.d.ts +6 -6
  193. package/types/packages/components/textarea/index.d.ts +5 -5
  194. package/types/packages/components/textarea/src/textarea.vue.d.ts +5 -5
  195. package/types/packages/components/tooltip/index.d.ts +4 -4
  196. package/types/packages/components/tooltip/src/tooltip.d.ts +1 -1
  197. package/types/packages/components/tooltip/src/tooltip.vue.d.ts +4 -4
  198. package/types/packages/components/tree/index.d.ts +2 -2
  199. package/types/packages/components/tree/src/tree.vue.d.ts +2 -2
  200. package/types/packages/components/tree-search/index.d.ts +17 -17
  201. package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -4
  202. package/types/packages/components/tree-search/src/tree-search.vue.d.ts +17 -17
  203. package/types/packages/components/upload-drag/index.d.ts +4 -4
  204. package/types/packages/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
@@ -1,5 +1,11 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
- readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
2
+ readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
3
+ key: string | null;
4
+ value: any;
5
+ }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
6
+ key: string | null;
7
+ value: any;
8
+ }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
3
9
  key: string;
4
10
  value: string;
5
11
  }, boolean>;
@@ -28,9 +34,9 @@ declare const _default: import("vue").DefineComponent<{
28
34
  bem: (blockSuffix: string, element: string, modifier: string) => string;
29
35
  is: (name?: string) => string;
30
36
  };
31
- innerValue: import("vue").Ref<{
37
+ innerValue: import("vue").Ref<Record<string, any> | {
32
38
  key: string | null;
33
- value: string | null;
39
+ value: any;
34
40
  }>;
35
41
  getKeyType: import("vue").ComputedRef<any>;
36
42
  getValueType: import("vue").ComputedRef<any>;
@@ -281,7 +287,13 @@ declare const _default: import("vue").DefineComponent<{
281
287
  change: () => boolean;
282
288
  'update:value': (value: import("ll-plus/es/components").KeyValueItem) => boolean;
283
289
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
284
- readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
290
+ readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
291
+ key: string | null;
292
+ value: any;
293
+ }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
294
+ key: string | null;
295
+ value: any;
296
+ }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
285
297
  key: string;
286
298
  value: string;
287
299
  }, boolean>;
@@ -75,7 +75,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
75
75
  class: normalizeClass(unref(bem).e("item"))
76
76
  },
77
77
  [
78
- unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
78
+ unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
79
79
  "div",
80
80
  {
81
81
  key: 0,
@@ -103,8 +103,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
103
103
  onChange: handleChange
104
104
  }, null, 8, ["value", "options", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(`ll-${getKeyType.value.type}`), mergeProps({
105
105
  key: 1,
106
- value: innerValue.value["value"],
107
- "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["value"] = $event),
106
+ value: innerValue.value["key"],
107
+ "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event),
108
108
  disabled: unref(attrs).disabled
109
109
  }, getKeyType.value, {
110
110
  style: { "width": "100%" },
@@ -131,7 +131,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
131
131
  2
132
132
  /* CLASS */
133
133
  )) : createCommentVNode("v-if", true),
134
- unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
134
+ unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
135
135
  "div",
136
136
  {
137
137
  key: 1,
@@ -211,7 +211,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
211
211
  },
212
212
  [
213
213
  createVNode(_component_ll_button, {
214
- type: "text",
214
+ type: "link",
215
215
  disabled: unref(attrs).disabled
216
216
  }, {
217
217
  default: withCtx(() => [
@@ -1 +1 @@
1
- {"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n <ll-form\n ref=\"form\"\n :form-columns=\"formColumns\"\n :form-data=\"props.value\"\n :form-options=\"formOptions\"\n >\n <template #formItem=\"{ item }\">\n <template v-if=\"item.key === 'other'\">\n <div :class=\"bem.e('item')\">\n <div v-if=\"attrs.type !== 'single'\" :class=\"bem.m('left')\">\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"attrs.disabled\"\n placeholder=\"请选择\"\n allow-clear\n @change=\"handleChange\"\n />\n <component\n :is=\"`ll-${getKeyType.type}`\"\n v-else\n v-model:value=\"innerValue['value']\"\n :disabled=\"attrs.disabled\"\n v-bind=\"getKeyType\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"key\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <div\n v-if=\"attrs.type !== 'single'\"\n :class=\"bem.m('separator')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n }\"\n >\n <slot name=\"separator\">~</slot>\n </div>\n\n <div :class=\"bem.m('right')\">\n <ll-form-item\n :label=\"attrs['value-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rule=\"getValueType.rule || {}\"\n name=\"value\"\n >\n <slot name=\"value-warapper\" v-bind=\"getValueType\">\n <component\n :is=\"`ll-${getValueType.type}`\"\n v-model:value=\"innerValue['value']\"\n :disabled=\"attrs.disabled\"\n style=\"width: 100%\"\n v-bind=\"getValueType\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"value\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <a-popconfirm\n title=\"你确定要移除?\"\n ok-text=\"确认\"\n cancel-text=\"取消\"\n placement=\"topRight\"\n :overlay-class-name=\"bem.m('popconfirm')\"\n @confirm=\"handleDelete\"\n >\n <div\n v-if=\"props.showDelete\"\n :class=\"bem.m('delete')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label']\n ? '26px'\n : '0px'\n }\"\n >\n <ll-button type=\"text\" :disabled=\"attrs.disabled\">\n <slot name=\"delete-icon\">\n <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n </slot>\n </ll-button>\n </div>\n </a-popconfirm>\n </div>\n </template>\n </template>\n </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n typeRules,\n keyValueItemProps,\n keyValueItemEmits,\n formColumns,\n formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst getKeyType = computed<FormColumn>(() => {\n const option = attrs['key-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: typeRules || []\n }\n return option\n})\nconst getValueType = computed<FormColumn>(() => {\n let option = attrs['value-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: []\n }\n if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n option = props.keyValueTypeDict[innerValue.value['key']]\n }\n return option\n})\n\nconst handleDelete = () => {\n emits('delete')\n}\n\nconst handleChange = () => {\n innerValue.value['value'] = ''\n}\n\nwatch(\n innerValue,\n val => {\n emits('update:value', val)\n emits('change')\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAa,SAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAM,aAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,SAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAAC,OAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n <ll-form\n ref=\"form\"\n :form-columns=\"formColumns\"\n :form-data=\"props.value\"\n :form-options=\"formOptions\"\n >\n <template #formItem=\"{ item }\">\n <template v-if=\"item.key === 'other'\">\n <div :class=\"bem.e('item')\">\n <div\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('left')\"\n >\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"attrs.disabled\"\n placeholder=\"请选择\"\n allow-clear\n @change=\"handleChange\"\n />\n <component\n :is=\"`ll-${getKeyType.type}`\"\n v-else\n v-model:value=\"innerValue['key']\"\n :disabled=\"attrs.disabled\"\n v-bind=\"getKeyType\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"key\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <div\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('separator')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n }\"\n >\n <slot name=\"separator\">~</slot>\n </div>\n\n <div :class=\"bem.m('right')\">\n <ll-form-item\n :label=\"attrs['value-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rule=\"getValueType.rule || {}\"\n name=\"value\"\n >\n <slot name=\"value-warapper\" v-bind=\"getValueType\">\n <component\n :is=\"`ll-${getValueType.type}`\"\n v-model:value=\"innerValue['value']\"\n :disabled=\"attrs.disabled\"\n style=\"width: 100%\"\n v-bind=\"getValueType\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"value\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <a-popconfirm\n title=\"你确定要移除?\"\n ok-text=\"确认\"\n cancel-text=\"取消\"\n placement=\"topRight\"\n :overlay-class-name=\"bem.m('popconfirm')\"\n @confirm=\"handleDelete\"\n >\n <div\n v-if=\"props.showDelete\"\n :class=\"bem.m('delete')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label']\n ? '26px'\n : '0px'\n }\"\n >\n <ll-button type=\"link\" :disabled=\"attrs.disabled\">\n <slot name=\"delete-icon\">\n <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n </slot>\n </ll-button>\n </div>\n </a-popconfirm>\n </div>\n </template>\n </template>\n </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n typeRules,\n keyValueItemProps,\n keyValueItemEmits,\n formColumns,\n formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst getKeyType = computed<FormColumn>(() => {\n const option = attrs['key-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: typeRules || []\n }\n return option\n})\nconst getValueType = computed<FormColumn>(() => {\n let option = attrs['value-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: []\n }\n if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n option = props.keyValueTypeDict[innerValue.value['key']]\n }\n return option\n})\n\nconst handleDelete = () => {\n emits('delete')\n}\n\nconst handleChange = () => {\n innerValue.value['value'] = ''\n}\n\nwatch(\n innerValue,\n val => {\n emits('update:value', val)\n emits('change')\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAa,SAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAM,aAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,SAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAAC,OAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -233,12 +233,18 @@ export declare const formColumns: {
233
233
  span: number;
234
234
  };
235
235
  }[];
236
- export interface KeyValueItem {
236
+ export type KeyValueItem = {
237
237
  key: string | null;
238
- value: string | null;
239
- }
238
+ value: any | null;
239
+ } | Record<string, any>;
240
240
  export declare const keyValueItemProps: {
241
- readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
241
+ readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
242
+ key: string | null;
243
+ value: any | null;
244
+ }) | (() => KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
245
+ key: string | null;
246
+ value: any | null;
247
+ }) | (() => KeyValueItem))[], unknown, unknown, () => {
242
248
  key: string;
243
249
  value: string;
244
250
  }, boolean>;
@@ -1 +1 @@
1
- {"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n {\n trigger: ['blur', 'change'],\n message: '此字段是必需的',\n validator: async (_rule: any, value: any) => {\n if (!value) {\n return Promise.reject(new Error('此字段是必需的'))\n } else {\n return Promise.resolve()\n }\n }\n }\n]\nexport const formOptions = {\n layout: 'horizontal',\n labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n {\n key: 'other',\n labelCol: {\n span: 24\n }\n }\n]\n\nexport interface KeyValueItem {\n key: string | null\n value: string | null\n}\nexport const keyValueItemProps = buildProps({\n value: {\n type: definePropType<KeyValueItem>(Object),\n default: () => ({\n key: '',\n value: ''\n })\n },\n keyValueTypeDict: {\n type: Object,\n default: () => ({})\n },\n showDelete: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const keyValueItemEmits = {\n delete: () => true,\n change: () => true,\n 'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}
1
+ {"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n {\n trigger: ['blur', 'change'],\n message: '此字段是必需的',\n validator: async (_rule: any, value: any) => {\n if (!value) {\n return Promise.reject(new Error('此字段是必需的'))\n } else {\n return Promise.resolve()\n }\n }\n }\n]\nexport const formOptions = {\n layout: 'horizontal',\n labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n {\n key: 'other',\n labelCol: {\n span: 24\n }\n }\n]\n\nexport type KeyValueItem =\n | {\n key: string | null\n value: any | null\n }\n | Record<string, any>\nexport const keyValueItemProps = buildProps({\n value: {\n type: definePropType<KeyValueItem>(Object),\n default: () => ({\n key: '',\n value: ''\n })\n },\n keyValueTypeDict: {\n type: Object,\n default: () => ({})\n },\n showDelete: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const keyValueItemEmits = {\n delete: () => true,\n change: () => true,\n 'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAQO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}
@@ -7,7 +7,7 @@ export interface KeyType {
7
7
  value: string;
8
8
  option: FormColumn;
9
9
  }
10
- type Type = 'single' | 'doubt';
10
+ type KeyValueType = 'single' | 'doubt';
11
11
  export declare const getKeyValueItem: () => {
12
12
  key: null;
13
13
  value: null;
@@ -22,7 +22,7 @@ export declare const keyValueProps: {
22
22
  readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
23
23
  readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
24
24
  readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
25
- readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => Type) | ((new (...args: any[]) => "single" | "doubt") | (() => Type))[], unknown, unknown, "doubt", boolean>;
25
+ readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => KeyValueType) | ((new (...args: any[]) => "single" | "doubt") | (() => KeyValueType))[], unknown, unknown, "doubt", boolean>;
26
26
  readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
27
27
  (): any;
28
28
  new (): any;
@@ -31,7 +31,7 @@ const keyValueProps = buildProps({
31
31
  type: String,
32
32
  default: "\u6DFB\u52A0"
33
33
  },
34
- type: {
34
+ keyValueType: {
35
35
  type: definePropType(String),
36
36
  default: "doubt"
37
37
  },
@@ -39,7 +39,7 @@ const keyValueProps = buildProps({
39
39
  type: definePropType(Object),
40
40
  default: () => ({
41
41
  type: "input",
42
- placeholder: "\u8BF7\u8F93\u5165key"
42
+ placeholder: "\u8BF7\u8F93\u5165value"
43
43
  })
44
44
  },
45
45
  keyTypes: {
@@ -1 +1 @@
1
- {"version":3,"file":"key-value.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n label: string\n value: string\n option: FormColumn\n}\n\ntype Type = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n key: null,\n value: null\n})\n\nexport const keyValueProps = buildProps({\n value: {\n type: definePropType<KeyValueItem[]>(Array),\n default: () => [{ key: '', value: '' }]\n },\n loading: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n keyLabel: {\n type: String,\n default: ''\n },\n valueLabel: {\n type: String,\n default: ''\n },\n addText: {\n type: String,\n default: '添加'\n },\n type: {\n type: definePropType<Type>(String),\n default: 'doubt'\n },\n keyType: {\n type: definePropType<FormColumn>(Object),\n default: () => ({\n type: 'input',\n placeholder: '请输入key'\n })\n },\n keyTypes: {\n type: definePropType<KeyType[]>(Array),\n default: () => []\n },\n valueType: {\n type: definePropType<FormColumn>(Object),\n default: () => ({\n type: 'input',\n placeholder: '请输入key'\n })\n }\n} as const)\n\nexport const keyValueEmits = {\n change: (value: KeyValueItem[]) => !!value,\n add: () => true,\n 'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAqB,MAAM,CAAA;AAAA,IACjC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,KAAK,MAAM,IAAA;AAAA,EACX,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}
1
+ {"version":3,"file":"key-value.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n label: string\n value: string\n option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n key: null,\n value: null\n})\n\nexport const keyValueProps = buildProps({\n value: {\n type: definePropType<KeyValueItem[]>(Array),\n default: () => [{ key: '', value: '' }]\n },\n loading: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n keyLabel: {\n type: String,\n default: ''\n },\n valueLabel: {\n type: String,\n default: ''\n },\n addText: {\n type: String,\n default: '添加'\n },\n keyValueType: {\n type: definePropType<KeyValueType>(String),\n default: 'doubt'\n },\n keyType: {\n type: definePropType<FormColumn>(Object),\n default: () => ({\n type: 'input',\n placeholder: '请输入value'\n })\n },\n keyTypes: {\n type: definePropType<KeyType[]>(Array),\n default: () => []\n },\n valueType: {\n type: definePropType<FormColumn>(Object),\n default: () => ({\n type: 'input',\n placeholder: '请输入key'\n })\n }\n} as const)\n\nexport const keyValueEmits = {\n change: (value: KeyValueItem[]) => !!value,\n add: () => true,\n 'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,KAAK,MAAM,IAAA;AAAA,EACX,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
8
8
  readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
9
9
  readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
10
10
  readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
11
- readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
11
+ readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
12
12
  readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
13
13
  (): any;
14
14
  new (): any;
@@ -36,13 +36,13 @@ declare const _default: import("vue").DefineComponent<{
36
36
  }, boolean>;
37
37
  }, {
38
38
  props: import("@vue/shared").LooseRequired<{
39
- readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
40
39
  readonly value: import("./config").KeyValueItem[];
41
40
  readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
42
41
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
43
42
  readonly keyLabel: string;
44
43
  readonly valueLabel: string;
45
44
  readonly addText: string;
45
+ readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
46
46
  readonly keyType: any;
47
47
  readonly keyTypes: import("./config").KeyType[];
48
48
  readonly valueType: any;
@@ -61,17 +61,23 @@ declare const _default: import("vue").DefineComponent<{
61
61
  bem: (blockSuffix: string, element: string, modifier: string) => string;
62
62
  is: (name?: string) => string;
63
63
  };
64
- innerValue: import("vue").Ref<{
64
+ innerValue: import("vue").Ref<(Record<string, any> | {
65
65
  key: string | null;
66
- value: string | null;
67
- }[]>;
66
+ value: any;
67
+ })[]>;
68
68
  keyValueItems: import("vue").Ref<any[]>;
69
69
  keyValueTypeDict: import("vue").ComputedRef<{}>;
70
70
  handleAddItem: () => void;
71
71
  handleDelete: (idx: number) => void;
72
72
  handleChange: () => void;
73
73
  keyValueItem: import("vue").DefineComponent<{
74
- readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
74
+ readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
75
+ key: string | null;
76
+ value: any;
77
+ }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
78
+ key: string | null;
79
+ value: any;
80
+ }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
75
81
  key: string;
76
82
  value: string;
77
83
  }, boolean>;
@@ -100,9 +106,9 @@ declare const _default: import("vue").DefineComponent<{
100
106
  bem: (blockSuffix: string, element: string, modifier: string) => string;
101
107
  is: (name?: string) => string;
102
108
  };
103
- innerValue: import("vue").Ref<{
109
+ innerValue: import("vue").Ref<Record<string, any> | {
104
110
  key: string | null;
105
- value: string | null;
111
+ value: any;
106
112
  }>;
107
113
  getKeyType: import("vue").ComputedRef<any>;
108
114
  getValueType: import("vue").ComputedRef<any>;
@@ -353,7 +359,13 @@ declare const _default: import("vue").DefineComponent<{
353
359
  change: () => boolean;
354
360
  'update:value': (value: import("./config").KeyValueItem) => boolean;
355
361
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
356
- readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
362
+ readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
363
+ key: string | null;
364
+ value: any;
365
+ }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
366
+ key: string | null;
367
+ value: any;
368
+ }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
357
369
  key: string;
358
370
  value: string;
359
371
  }, boolean>;
@@ -382,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
382
394
  readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
383
395
  readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
384
396
  readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
385
- readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
397
+ readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
386
398
  readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
387
399
  (): any;
388
400
  new (): any;
@@ -413,13 +425,13 @@ declare const _default: import("vue").DefineComponent<{
413
425
  "onUpdate:value"?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
414
426
  onAdd?: (() => any) | undefined;
415
427
  }, {
416
- readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
417
428
  readonly value: import("./config").KeyValueItem[];
418
429
  readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
419
430
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
420
431
  readonly keyLabel: string;
421
432
  readonly valueLabel: string;
422
433
  readonly addText: string;
434
+ readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
423
435
  readonly keyType: any;
424
436
  readonly keyTypes: import("./config").KeyType[];
425
437
  readonly valueType: any;
@@ -37,9 +37,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
37
37
  emits("change", innerValue.value);
38
38
  emits("update:value", innerValue.value);
39
39
  };
40
- watch(innerValue, (n) => {
41
- emits("update:value", n);
42
- });
40
+ watch(
41
+ () => props.value,
42
+ (n) => {
43
+ innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
44
+ },
45
+ {
46
+ immediate: true
47
+ }
48
+ );
43
49
  return (_ctx, _cache) => {
44
50
  const _component_ll_icon = resolveComponent("ll-icon");
45
51
  const _component_ll_button = resolveComponent("ll-button");
@@ -62,12 +68,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
62
68
  key: idx,
63
69
  ref_for: true,
64
70
  ref: (el) => keyValueItems.value[idx] = el,
65
- value: props.value[idx],
71
+ value: innerValue.value[idx],
72
+ "onUpdate:value": ($event) => innerValue.value[idx] = $event,
66
73
  "key-label": props.keyLabel,
67
74
  "value-label": props.valueLabel,
68
75
  "key-value-type-dict": keyValueTypeDict.value,
69
76
  "show-delete": idx > 0,
70
- type: props.type,
77
+ "key-value-type": props.keyValueType,
71
78
  "key-type": props.keyType,
72
79
  "key-types": props.keyTypes,
73
80
  "value-type": props.valueType,
@@ -86,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
86
93
  ])
87
94
  };
88
95
  })
89
- ]), 1032, ["value", "key-label", "value-label", "key-value-type-dict", "show-delete", "type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
96
+ ]), 1032, ["value", "onUpdate:value", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
90
97
  }),
91
98
  128
92
99
  /* KEYED_FRAGMENT */
@@ -1 +1 @@
1
- {"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <key-value-item\n v-for=\"(_item, idx) in innerValue\"\n :key=\"idx\"\n :ref=\"el => (keyValueItems[idx] = el)\"\n :value=\"props.value[idx]\"\n :key-label=\"props.keyLabel\"\n :value-label=\"props.valueLabel\"\n :key-value-type-dict=\"keyValueTypeDict\"\n :show-delete=\"idx > 0\"\n :type=\"props.type\"\n :key-type=\"props.keyType\"\n :key-types=\"props.keyTypes\"\n :value-type=\"props.valueType\"\n :disabled=\"props.disabled\"\n @delete=\"handleDelete(idx)\"\n @change=\"handleChange\"\n >\n <template\n v-for=\"item in Object.keys($slots)\"\n :key=\"item\"\n #[item]=\"data\"\n >\n <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n </template>\n </key-value-item>\n <ll-button\n :class=\"bem.e('add')\"\n :loading=\"loading\"\n :disabled=\"props.disabled\"\n @click=\"handleAddItem\"\n >\n <div :class=\"bem.e('plus')\">\n <ll-icon\n v-if=\"!loading\"\n icon-name=\"icon-add\"\n :class=\"bem.e('icon-add')\"\n />\n {{ props.addText }}\n </div>\n </ll-button>\n </a-spin>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { keyValueProps, keyValueEmits, getKeyValueItem } from './config'\nimport keyValueItem from './components/key-value-item.vue'\ndefineOptions({ name: 'LlKeyValue' })\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst innerValue = ref(\n props.value && props.value.length > 0\n ? props.value\n : [{ key: null, value: null }]\n)\nconst keyValueItems = ref<any[]>([])\n\nconst keyValueTypeDict = computed(() => {\n const obj = {}\n props.keyTypes.map(e => {\n obj[e.value] = e.option\n })\n return obj\n})\n\nconst handleAddItem = () => {\n innerValue.value.push(getKeyValueItem())\n emits('add')\n}\n\nconst handleDelete = (idx: number) => {\n innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n emits('change', innerValue.value)\n emits('update:value', innerValue.value)\n}\nwatch(innerValue, n => {\n emits('update:value', n)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,SAAS,CAChC,GAAA,KAAA,CAAM,KACN,GAAA,CAAC,EAAE,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KACjC,CAAA;AACA,IAAM,MAAA,aAAA,GAAgB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AACvC,MAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,KACxC,CAAA;AACA,IAAA,KAAA,CAAM,YAAY,CAAK,CAAA,KAAA;AACrB,MAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AAAA,KACxB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <key-value-item\n v-for=\"(_item, idx) in innerValue\"\n :key=\"idx\"\n :ref=\"el => (keyValueItems[idx] = el)\"\n v-model:value=\"innerValue[idx]\"\n :key-label=\"props.keyLabel\"\n :value-label=\"props.valueLabel\"\n :key-value-type-dict=\"keyValueTypeDict\"\n :show-delete=\"idx > 0\"\n :key-value-type=\"props.keyValueType\"\n :key-type=\"props.keyType\"\n :key-types=\"props.keyTypes\"\n :value-type=\"props.valueType\"\n :disabled=\"props.disabled\"\n @delete=\"handleDelete(idx)\"\n @change=\"handleChange\"\n >\n <template\n v-for=\"item in Object.keys($slots)\"\n :key=\"item\"\n #[item]=\"data\"\n >\n <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n </template>\n </key-value-item>\n <ll-button\n :class=\"bem.e('add')\"\n :loading=\"loading\"\n :disabled=\"props.disabled\"\n @click=\"handleAddItem\"\n >\n <div :class=\"bem.e('plus')\">\n <ll-icon\n v-if=\"!loading\"\n icon-name=\"icon-add\"\n :class=\"bem.e('icon-add')\"\n />\n {{ props.addText }}\n </div>\n </ll-button>\n </a-spin>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\n// import { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n keyValueProps,\n keyValueEmits,\n getKeyValueItem\n // type KeyValueItem\n} from './config'\nimport keyValueItem from './components/key-value-item.vue'\ndefineOptions({ name: 'LlKeyValue' })\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst innerValue = ref(\n props.value && props.value.length > 0\n ? props.value\n : [{ key: null, value: null }]\n)\nconst keyValueItems = ref<any[]>([])\n\nconst keyValueTypeDict = computed(() => {\n const obj = {}\n props.keyTypes.map(e => {\n obj[e.value] = e.option\n })\n return obj\n})\n\n// const getValueType = computed(() => {\n// let type = 'object'\n// if (!isEmpty(props.value)) {\n// if (Array.isArray(props.value)) {\n// type = `${type}-${\n// typeof props.value[0] === 'object' ? 'object' : 'string'\n// }`\n// }\n// }\n// return type\n// })\n\n// const getKeyValueType = computed(() => {\n// return props.keyValueType\n// ? props.keyValueType\n// : props.keyValueType === 'array-string'\n// ? 'single'\n// : 'doubt'\n// })\n\nconst handleAddItem = () => {\n innerValue.value.push(getKeyValueItem())\n emits('add')\n}\n\nconst handleDelete = (idx: number) => {\n innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n // let value: any = null\n // switch (getValueType.value) {\n // case 'object':\n // value = {}\n // innerValue.value.map(e => {\n // console.log({ e })\n // if (e.key) {\n // value[e.key] = e.value\n // } else {\n // value[`${new Date().getTime()}-empty-key`] = e.value\n // }\n // })\n\n // break\n // case 'array-string':\n // value = []\n // innerValue.value.map(e => {\n // if (e.value) {\n // value.push(e.value)\n // }\n // })\n // break\n // default:\n // value = innerValue.value\n // break\n // }\n\n emits('change', innerValue.value)\n emits('update:value', innerValue.value)\n}\n\nwatch(\n () => props.value,\n n => {\n // let arr = [] as KeyValueItem[]\n // console.log(getValueType.value)\n // switch (getValueType.value) {\n // case 'object':\n // for (const i in n) {\n // arr.push({ key: i, value: n[i] })\n // }\n // break\n // case 'array-string':\n // arr = n.map(e => {\n // return { key: null, value: e }\n // })\n // break\n // default:\n // arr = [...n]\n // break\n // }\n\n innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }]\n },\n {\n immediate: true\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,SAAS,CAChC,GAAA,KAAA,CAAM,KACN,GAAA,CAAC,EAAE,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KACjC,CAAA;AACA,IAAM,MAAA,aAAA,GAAgB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAsBD,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AACvC,MAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AA4BzB,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,KACxC,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AAmBH,QAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,IAAK,CAAE,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,GAAI,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OACxE;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -13,14 +13,14 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
13
13
  }, {
14
14
  props: import("@vue/shared").LooseRequired<{
15
15
  readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
16
- readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
17
16
  readonly title: string;
17
+ readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
18
+ readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
18
19
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
19
20
  readonly wrapClassName: string;
20
21
  readonly class: string;
21
22
  readonly cancelText: string;
22
23
  readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
23
- readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
24
24
  readonly confirmText: string;
25
25
  readonly "onUpdate:open"?: (() => any) | undefined;
26
26
  readonly onOk?: (() => any) | undefined;
@@ -1583,13 +1583,13 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
1583
1583
  };
1584
1584
  }, {
1585
1585
  props: import("@vue/shared").LooseRequired<{
1586
+ readonly label?: string | undefined;
1586
1587
  readonly position?: string | undefined;
1587
1588
  readonly icon?: {
1588
1589
  readonly size?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
1589
1590
  readonly color?: string | undefined;
1590
1591
  readonly iconName?: string | undefined;
1591
1592
  } | undefined;
1592
- readonly label?: string | undefined;
1593
1593
  } & {}>;
1594
1594
  bem: {
1595
1595
  b: (blockSuffix?: string) => string;
@@ -1959,14 +1959,14 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
1959
1959
  onCancel?: (() => any) | undefined;
1960
1960
  }, {
1961
1961
  readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
1962
- readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1963
1962
  readonly title: string;
1963
+ readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1964
+ readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1964
1965
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1965
1966
  readonly wrapClassName: string;
1966
1967
  readonly class: string;
1967
1968
  readonly cancelText: string;
1968
1969
  readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1969
- readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
1970
1970
  readonly confirmText: string;
1971
1971
  }, {}>>;
1972
1972
  export default LlModal;
@@ -13,14 +13,14 @@ declare const _default: import("vue").DefineComponent<{
13
13
  }, {
14
14
  props: import("@vue/shared").LooseRequired<{
15
15
  readonly type: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
16
- readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
17
16
  readonly title: string;
17
+ readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
18
+ readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
18
19
  readonly loading: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
19
20
  readonly wrapClassName: string;
20
21
  readonly class: string;
21
22
  readonly cancelText: string;
22
23
  readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
23
- readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
24
24
  readonly confirmText: string;
25
25
  readonly "onUpdate:open"?: (() => any) | undefined;
26
26
  readonly onOk?: (() => any) | undefined;
@@ -1583,13 +1583,13 @@ declare const _default: import("vue").DefineComponent<{
1583
1583
  };
1584
1584
  }, {
1585
1585
  props: import("@vue/shared").LooseRequired<{
1586
+ readonly label?: string | undefined;
1586
1587
  readonly position?: string | undefined;
1587
1588
  readonly icon?: {
1588
1589
  readonly size?: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
1589
1590
  readonly color?: string | undefined;
1590
1591
  readonly iconName?: string | undefined;
1591
1592
  } | undefined;
1592
- readonly label?: string | undefined;
1593
1593
  } & {}>;
1594
1594
  bem: {
1595
1595
  b: (blockSuffix?: string) => string;
@@ -1959,14 +1959,14 @@ declare const _default: import("vue").DefineComponent<{
1959
1959
  onCancel?: (() => any) | undefined;
1960
1960
  }, {
1961
1961
  readonly type: import("ll-plus/es/components").AvatarType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
1962
- readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1963
1962
  readonly title: string;
1963
+ readonly open: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1964
+ readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1964
1965
  readonly loading: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1965
1966
  readonly wrapClassName: string;
1966
1967
  readonly class: string;
1967
1968
  readonly cancelText: string;
1968
1969
  readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1969
- readonly showFooter: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
1970
1970
  readonly confirmText: string;
1971
1971
  }, {}>;
1972
1972
  export default _default;
@@ -40,9 +40,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
40
40
  showIconList: import("vue").Ref<{
41
41
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
42
42
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
43
- readonly data?: any;
44
- readonly onClick?: Function | undefined;
45
43
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
44
+ readonly onClick?: Function | undefined;
45
+ readonly data?: any;
46
46
  readonly iconName?: string | undefined;
47
47
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
48
48
  readonly tooltipTitle?: string | undefined;
@@ -51,9 +51,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
51
51
  modalIconList: import("vue").Ref<{
52
52
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
53
53
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
54
- readonly data?: any;
55
- readonly onClick?: Function | undefined;
56
54
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
55
+ readonly onClick?: Function | undefined;
56
+ readonly data?: any;
57
57
  readonly iconName?: string | undefined;
58
58
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
59
59
  readonly tooltipTitle?: string | undefined;
@@ -130,9 +130,9 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
130
130
  props: import("@vue/shared").LooseRequired<{
131
131
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
132
132
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
133
- readonly data?: any;
134
- readonly onClick?: Function | undefined;
135
133
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
134
+ readonly onClick?: Function | undefined;
135
+ readonly data?: any;
136
136
  readonly iconName?: string | undefined;
137
137
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
138
138
  readonly tooltipTitle?: string | undefined;
@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
40
40
  showIconList: import("vue").Ref<{
41
41
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
42
42
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
43
- readonly data?: any;
44
- readonly onClick?: Function | undefined;
45
43
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
44
+ readonly onClick?: Function | undefined;
45
+ readonly data?: any;
46
46
  readonly iconName?: string | undefined;
47
47
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
48
48
  readonly tooltipTitle?: string | undefined;
@@ -51,9 +51,9 @@ declare const _default: import("vue").DefineComponent<{
51
51
  modalIconList: import("vue").Ref<{
52
52
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
53
53
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
54
- readonly data?: any;
55
- readonly onClick?: Function | undefined;
56
54
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
55
+ readonly onClick?: Function | undefined;
56
+ readonly data?: any;
57
57
  readonly iconName?: string | undefined;
58
58
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
59
59
  readonly tooltipTitle?: string | undefined;
@@ -130,9 +130,9 @@ declare const _default: import("vue").DefineComponent<{
130
130
  props: import("@vue/shared").LooseRequired<{
131
131
  readonly isShowTooltip: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
132
132
  readonly isShowContainer: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
133
- readonly data?: any;
134
- readonly onClick?: Function | undefined;
135
133
  readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
134
+ readonly onClick?: Function | undefined;
135
+ readonly data?: any;
136
136
  readonly iconName?: string | undefined;
137
137
  readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
138
138
  readonly tooltipTitle?: string | undefined;