ll-plus 2.1.5 → 2.1.6

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 (262) hide show
  1. package/es/component.mjs +5 -0
  2. package/es/component.mjs.map +1 -1
  3. package/es/components/advanced-filtering/index.d.ts +98 -56
  4. package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
  5. package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
  6. package/es/components/checkbox/index.d.ts +34 -10
  7. package/es/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
  8. package/es/components/checkbox/src/checkbox.d.ts +4 -0
  9. package/es/components/checkbox/src/checkbox.vue.d.ts +17 -5
  10. package/es/components/form/index.d.ts +49 -28
  11. package/es/components/form/src/components/form-component.vue.d.ts +36 -0
  12. package/es/components/form/src/config/form-component.d.ts +13 -0
  13. package/es/components/form/src/config/form.d.ts +8 -14
  14. package/es/components/form/src/config/index.d.ts +1 -0
  15. package/es/components/form/src/form.vue.d.ts +49 -28
  16. package/es/components/index.d.ts +2 -0
  17. package/es/components/key-value/index.d.ts +431 -0
  18. package/es/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
  19. package/es/components/key-value/src/config/index.d.ts +2 -0
  20. package/es/components/key-value/src/config/key-value-item.d.ts +252 -0
  21. package/es/components/key-value/src/config/key-value.d.ts +59 -0
  22. package/es/components/key-value/src/key-value.vue.d.ts +424 -0
  23. package/es/components/operate-icon/index.d.ts +13 -3
  24. package/es/components/operate-icon/src/operate-icon.d.ts +5 -2
  25. package/es/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
  26. package/es/components/operate-tree/index.d.ts +92 -0
  27. package/es/components/operate-tree/src/operate-tree.d.ts +35 -0
  28. package/es/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
  29. package/es/components/table/index.d.ts +5 -5
  30. package/es/components/table/src/components/main-table.vue.d.ts +1 -1
  31. package/es/components/table/src/config/table.d.ts +2 -2
  32. package/es/components/table/src/table.vue.d.ts +5 -5
  33. package/es/components/tree-search/index.d.ts +60 -86
  34. package/es/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
  35. package/es/components/tree-search/src/config/directory-title.d.ts +1 -1
  36. package/es/components/tree-search/src/config/index.d.ts +0 -1
  37. package/es/components/tree-search/src/config/tree-search.d.ts +5 -9
  38. package/es/components/tree-search/src/tree-search.vue.d.ts +60 -86
  39. package/es/index.mjs +7 -2
  40. package/es/index.mjs.map +1 -1
  41. package/es/packages/components/checkbox/index.mjs +1 -1
  42. package/es/packages/components/checkbox/src/checkbox.mjs +7 -1
  43. package/es/packages/components/checkbox/src/checkbox.mjs.map +1 -1
  44. package/es/packages/components/checkbox/src/checkbox.vue2.mjs +17 -3
  45. package/es/packages/components/checkbox/src/checkbox.vue2.mjs.map +1 -1
  46. package/es/packages/components/form/index.mjs +1 -0
  47. package/es/packages/components/form/index.mjs.map +1 -1
  48. package/es/packages/components/form/src/components/form-component.vue.mjs +8 -0
  49. package/es/packages/components/form/src/components/form-component.vue.mjs.map +1 -0
  50. package/es/packages/components/form/src/components/form-component.vue2.mjs +37 -0
  51. package/es/packages/components/form/src/components/form-component.vue2.mjs.map +1 -0
  52. package/es/packages/components/form/src/config/form-component.mjs +23 -0
  53. package/es/packages/components/form/src/config/form-component.mjs.map +1 -0
  54. package/es/packages/components/form/src/config/form.mjs.map +1 -1
  55. package/es/packages/components/form/src/config/index.mjs +1 -0
  56. package/es/packages/components/form/src/config/index.mjs.map +1 -1
  57. package/es/packages/components/form/src/form.vue2.mjs +57 -16
  58. package/es/packages/components/form/src/form.vue2.mjs.map +1 -1
  59. package/es/packages/components/index.mjs +7 -2
  60. package/es/packages/components/index.mjs.map +1 -1
  61. package/es/packages/components/key-value/index.mjs +12 -0
  62. package/es/packages/components/key-value/index.mjs.map +1 -0
  63. package/es/packages/components/key-value/src/components/key-value-item.vue.mjs +8 -0
  64. package/es/packages/components/key-value/src/components/key-value-item.vue.mjs.map +1 -0
  65. package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs +246 -0
  66. package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs.map +1 -0
  67. package/es/packages/components/key-value/src/config/index.mjs +5 -0
  68. package/es/packages/components/key-value/src/config/index.mjs.map +1 -0
  69. package/es/packages/components/key-value/src/config/key-value-item.mjs +54 -0
  70. package/es/packages/components/key-value/src/config/key-value-item.mjs.map +1 -0
  71. package/es/packages/components/key-value/src/config/key-value.mjs +63 -0
  72. package/es/packages/components/key-value/src/config/key-value.mjs.map +1 -0
  73. package/es/packages/components/key-value/src/key-value.vue.mjs +8 -0
  74. package/es/packages/components/key-value/src/key-value.vue.mjs.map +1 -0
  75. package/es/packages/components/key-value/src/key-value.vue2.mjs +134 -0
  76. package/es/packages/components/key-value/src/key-value.vue2.mjs.map +1 -0
  77. package/es/packages/components/operate-icon/src/operate-icon.mjs +12 -2
  78. package/es/packages/components/operate-icon/src/operate-icon.mjs.map +1 -1
  79. package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs +6 -3
  80. package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
  81. package/es/packages/components/operate-tree/index.mjs +10 -0
  82. package/es/packages/components/operate-tree/index.mjs.map +1 -0
  83. package/es/packages/components/operate-tree/src/operate-tree.mjs +47 -0
  84. package/es/packages/components/operate-tree/src/operate-tree.mjs.map +1 -0
  85. package/es/packages/components/operate-tree/src/operate-tree.vue.mjs +8 -0
  86. package/es/packages/components/operate-tree/src/operate-tree.vue.mjs.map +1 -0
  87. package/es/packages/components/{tree-search/src/components/tree-list.vue2.mjs → operate-tree/src/operate-tree.vue2.mjs} +46 -59
  88. package/es/packages/components/operate-tree/src/operate-tree.vue2.mjs.map +1 -0
  89. package/es/packages/components/tree-search/index.mjs +0 -1
  90. package/es/packages/components/tree-search/index.mjs.map +1 -1
  91. package/es/packages/components/tree-search/src/config/directory-title.mjs +1 -2
  92. package/es/packages/components/tree-search/src/config/directory-title.mjs.map +1 -1
  93. package/es/packages/components/tree-search/src/config/index.mjs +0 -1
  94. package/es/packages/components/tree-search/src/config/index.mjs.map +1 -1
  95. package/es/packages/components/tree-search/src/config/tree-search.mjs +2 -2
  96. package/es/packages/components/tree-search/src/config/tree-search.mjs.map +1 -1
  97. package/es/packages/components/tree-search/src/tree-search.vue2.mjs +42 -9
  98. package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
  99. package/index.full.js +16927 -16274
  100. package/index.full.min.js +47 -47
  101. package/index.full.min.js.map +1 -1
  102. package/index.full.min.mjs +47 -47
  103. package/index.full.min.mjs.map +1 -1
  104. package/index.full.mjs +16914 -16273
  105. package/lib/component.js +49 -44
  106. package/lib/component.js.map +1 -1
  107. package/lib/components/advanced-filtering/index.d.ts +98 -56
  108. package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
  109. package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
  110. package/lib/components/checkbox/index.d.ts +34 -10
  111. package/lib/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
  112. package/lib/components/checkbox/src/checkbox.d.ts +4 -0
  113. package/lib/components/checkbox/src/checkbox.vue.d.ts +17 -5
  114. package/lib/components/form/index.d.ts +49 -28
  115. package/lib/components/form/src/components/form-component.vue.d.ts +36 -0
  116. package/lib/components/form/src/config/form-component.d.ts +13 -0
  117. package/lib/components/form/src/config/form.d.ts +8 -14
  118. package/lib/components/form/src/config/index.d.ts +1 -0
  119. package/lib/components/form/src/form.vue.d.ts +49 -28
  120. package/lib/components/index.d.ts +2 -0
  121. package/lib/components/key-value/index.d.ts +431 -0
  122. package/lib/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
  123. package/lib/components/key-value/src/config/index.d.ts +2 -0
  124. package/lib/components/key-value/src/config/key-value-item.d.ts +252 -0
  125. package/lib/components/key-value/src/config/key-value.d.ts +59 -0
  126. package/lib/components/key-value/src/key-value.vue.d.ts +424 -0
  127. package/lib/components/operate-icon/index.d.ts +13 -3
  128. package/lib/components/operate-icon/src/operate-icon.d.ts +5 -2
  129. package/lib/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
  130. package/lib/components/operate-tree/index.d.ts +92 -0
  131. package/lib/components/operate-tree/src/operate-tree.d.ts +35 -0
  132. package/lib/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
  133. package/lib/components/table/index.d.ts +5 -5
  134. package/lib/components/table/src/components/main-table.vue.d.ts +1 -1
  135. package/lib/components/table/src/config/table.d.ts +2 -2
  136. package/lib/components/table/src/table.vue.d.ts +5 -5
  137. package/lib/components/tree-search/index.d.ts +60 -86
  138. package/lib/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
  139. package/lib/components/tree-search/src/config/directory-title.d.ts +1 -1
  140. package/lib/components/tree-search/src/config/index.d.ts +0 -1
  141. package/lib/components/tree-search/src/config/tree-search.d.ts +5 -9
  142. package/lib/components/tree-search/src/tree-search.vue.d.ts +60 -86
  143. package/lib/index.js +64 -47
  144. package/lib/index.js.map +1 -1
  145. package/lib/packages/components/checkbox/index.js +1 -0
  146. package/lib/packages/components/checkbox/index.js.map +1 -1
  147. package/lib/packages/components/checkbox/src/checkbox.js +7 -0
  148. package/lib/packages/components/checkbox/src/checkbox.js.map +1 -1
  149. package/lib/packages/components/checkbox/src/checkbox.vue2.js +16 -2
  150. package/lib/packages/components/checkbox/src/checkbox.vue2.js.map +1 -1
  151. package/lib/packages/components/form/index.js +2 -0
  152. package/lib/packages/components/form/index.js.map +1 -1
  153. package/lib/packages/components/form/src/components/form-component.vue.js +12 -0
  154. package/lib/packages/components/form/src/components/form-component.vue.js.map +1 -0
  155. package/lib/packages/components/form/src/components/form-component.vue2.js +41 -0
  156. package/lib/packages/components/form/src/components/form-component.vue2.js.map +1 -0
  157. package/lib/packages/components/form/src/config/form-component.js +25 -0
  158. package/lib/packages/components/form/src/config/form-component.js.map +1 -0
  159. package/lib/packages/components/form/src/config/form.js.map +1 -1
  160. package/lib/packages/components/form/src/config/index.js +2 -0
  161. package/lib/packages/components/form/src/config/index.js.map +1 -1
  162. package/lib/packages/components/form/src/form.vue2.js +55 -14
  163. package/lib/packages/components/form/src/form.vue2.js.map +1 -1
  164. package/lib/packages/components/index.js +64 -47
  165. package/lib/packages/components/index.js.map +1 -1
  166. package/lib/packages/components/key-value/index.js +25 -0
  167. package/lib/packages/components/key-value/index.js.map +1 -0
  168. package/lib/packages/components/key-value/src/components/key-value-item.vue.js +12 -0
  169. package/lib/packages/components/key-value/src/components/key-value-item.vue.js.map +1 -0
  170. package/lib/packages/components/key-value/src/components/key-value-item.vue2.js +250 -0
  171. package/lib/packages/components/key-value/src/components/key-value-item.vue2.js.map +1 -0
  172. package/lib/packages/components/key-value/src/config/index.js +16 -0
  173. package/lib/packages/components/key-value/src/config/index.js.map +1 -0
  174. package/lib/packages/components/key-value/src/config/key-value-item.js +60 -0
  175. package/lib/packages/components/key-value/src/config/key-value-item.js.map +1 -0
  176. package/lib/packages/components/key-value/src/config/key-value.js +67 -0
  177. package/lib/packages/components/key-value/src/config/key-value.js.map +1 -0
  178. package/lib/packages/components/key-value/src/key-value.vue.js +12 -0
  179. package/lib/packages/components/key-value/src/key-value.vue.js.map +1 -0
  180. package/lib/packages/components/key-value/src/key-value.vue2.js +138 -0
  181. package/lib/packages/components/key-value/src/key-value.vue2.js.map +1 -0
  182. package/lib/packages/components/operate-icon/src/operate-icon.js +12 -2
  183. package/lib/packages/components/operate-icon/src/operate-icon.js.map +1 -1
  184. package/lib/packages/components/operate-icon/src/operate-icon.vue2.js +6 -3
  185. package/lib/packages/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
  186. package/lib/packages/components/operate-tree/index.js +18 -0
  187. package/lib/packages/components/operate-tree/index.js.map +1 -0
  188. package/lib/packages/components/operate-tree/src/operate-tree.js +51 -0
  189. package/lib/packages/components/operate-tree/src/operate-tree.js.map +1 -0
  190. package/lib/packages/components/operate-tree/src/operate-tree.vue.js +12 -0
  191. package/lib/packages/components/operate-tree/src/operate-tree.vue.js.map +1 -0
  192. package/lib/packages/components/{tree-search/src/components/tree-list.vue2.js → operate-tree/src/operate-tree.vue2.js} +45 -58
  193. package/lib/packages/components/operate-tree/src/operate-tree.vue2.js.map +1 -0
  194. package/lib/packages/components/tree-search/index.js +0 -4
  195. package/lib/packages/components/tree-search/index.js.map +1 -1
  196. package/lib/packages/components/tree-search/src/config/directory-title.js +1 -2
  197. package/lib/packages/components/tree-search/src/config/directory-title.js.map +1 -1
  198. package/lib/packages/components/tree-search/src/config/index.js +0 -4
  199. package/lib/packages/components/tree-search/src/config/index.js.map +1 -1
  200. package/lib/packages/components/tree-search/src/config/tree-search.js +2 -2
  201. package/lib/packages/components/tree-search/src/config/tree-search.js.map +1 -1
  202. package/lib/packages/components/tree-search/src/tree-search.vue2.js +41 -8
  203. package/lib/packages/components/tree-search/src/tree-search.vue2.js.map +1 -1
  204. package/package.json +1 -1
  205. package/theme-chalk/css/code-editor.css +5 -0
  206. package/theme-chalk/css/index.css +1 -1
  207. package/theme-chalk/css/input-number.css +1 -1
  208. package/theme-chalk/css/key-value.css +5 -0
  209. package/theme-chalk/css/operate-tree.css +1 -0
  210. package/theme-chalk/css/tree-search.css +1 -1
  211. package/types/packages/components/advanced-filtering/index.d.ts +98 -56
  212. package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
  213. package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
  214. package/types/packages/components/checkbox/index.d.ts +34 -10
  215. package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
  216. package/types/packages/components/checkbox/src/checkbox.d.ts +4 -0
  217. package/types/packages/components/checkbox/src/checkbox.vue.d.ts +17 -5
  218. package/types/packages/components/form/index.d.ts +49 -28
  219. package/types/packages/components/form/src/components/form-component.vue.d.ts +36 -0
  220. package/types/packages/components/form/src/config/form-component.d.ts +13 -0
  221. package/types/packages/components/form/src/config/form.d.ts +8 -14
  222. package/types/packages/components/form/src/config/index.d.ts +1 -0
  223. package/types/packages/components/form/src/form.vue.d.ts +49 -28
  224. package/types/packages/components/index.d.ts +2 -0
  225. package/types/packages/components/key-value/index.d.ts +431 -0
  226. package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
  227. package/types/packages/components/key-value/src/config/index.d.ts +2 -0
  228. package/types/packages/components/key-value/src/config/key-value-item.d.ts +252 -0
  229. package/types/packages/components/key-value/src/config/key-value.d.ts +59 -0
  230. package/types/packages/components/key-value/src/key-value.vue.d.ts +424 -0
  231. package/types/packages/components/operate-icon/index.d.ts +13 -3
  232. package/types/packages/components/operate-icon/src/operate-icon.d.ts +5 -2
  233. package/types/packages/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
  234. package/types/packages/components/operate-tree/index.d.ts +92 -0
  235. package/types/packages/components/operate-tree/src/operate-tree.d.ts +35 -0
  236. package/types/packages/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
  237. package/types/packages/components/table/index.d.ts +5 -5
  238. package/types/packages/components/table/src/components/main-table.vue.d.ts +1 -1
  239. package/types/packages/components/table/src/config/table.d.ts +2 -2
  240. package/types/packages/components/table/src/table.vue.d.ts +5 -5
  241. package/types/packages/components/tree-search/index.d.ts +60 -86
  242. package/types/packages/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
  243. package/types/packages/components/tree-search/src/config/directory-title.d.ts +1 -1
  244. package/types/packages/components/tree-search/src/config/index.d.ts +0 -1
  245. package/types/packages/components/tree-search/src/config/tree-search.d.ts +5 -9
  246. package/types/packages/components/tree-search/src/tree-search.vue.d.ts +60 -86
  247. package/es/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
  248. package/es/components/tree-search/src/config/tree-list.d.ts +0 -48
  249. package/es/packages/components/tree-search/src/components/tree-list.vue.mjs +0 -8
  250. package/es/packages/components/tree-search/src/components/tree-list.vue.mjs.map +0 -1
  251. package/es/packages/components/tree-search/src/components/tree-list.vue2.mjs.map +0 -1
  252. package/es/packages/components/tree-search/src/config/tree-list.mjs +0 -50
  253. package/es/packages/components/tree-search/src/config/tree-list.mjs.map +0 -1
  254. package/lib/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
  255. package/lib/components/tree-search/src/config/tree-list.d.ts +0 -48
  256. package/lib/packages/components/tree-search/src/components/tree-list.vue.js +0 -12
  257. package/lib/packages/components/tree-search/src/components/tree-list.vue.js.map +0 -1
  258. package/lib/packages/components/tree-search/src/components/tree-list.vue2.js.map +0 -1
  259. package/lib/packages/components/tree-search/src/config/tree-list.js +0 -54
  260. package/lib/packages/components/tree-search/src/config/tree-list.js.map +0 -1
  261. package/types/packages/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
  262. package/types/packages/components/tree-search/src/config/tree-list.d.ts +0 -48
@@ -0,0 +1 @@
1
+ {"version":3,"file":"key-value.js","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 '../components/key-value-item.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: '',\n value: ''\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 '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":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,EAAA;AAAA,EACL,KAAO,EAAA,EAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA+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,EAAMA,uBAAqB,MAAM,CAAA;AAAA,IACjC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA2B,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,EAAMA,uBAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA2B,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,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var keyValue_vue_vue_type_script_setup_true_lang = require('./key-value.vue2.js');
6
+ var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
7
+
8
+ "use strict";
9
+ var KeyValue = /* @__PURE__ */ _pluginVue_exportHelper.default(keyValue_vue_vue_type_script_setup_true_lang.default, [["__file", "key-value.vue"]]);
10
+
11
+ exports.default = KeyValue;
12
+ //# sourceMappingURL=key-value.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"key-value.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,138 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ require('../../../utils/index.js');
7
+ require('./config/index.js');
8
+ var keyValueItem = require('./components/key-value-item.vue.js');
9
+ var keyValue = require('./config/key-value.js');
10
+ var createNamespace = require('../../../utils/create-namespace.js');
11
+
12
+ "use strict";
13
+ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
+ ...{ name: "LlKeyValue" },
15
+ __name: "key-value",
16
+ props: keyValue.keyValueProps,
17
+ emits: keyValue.keyValueEmits,
18
+ setup(__props, { emit: __emit }) {
19
+ const props = __props;
20
+ const emits = __emit;
21
+ const bem = createNamespace.createNamespace("key-value");
22
+ const innerValue = vue.ref(
23
+ props.value.length > 0 ? props.value : [{ key: "", value: "" }]
24
+ );
25
+ const keyValueItems = vue.ref([]);
26
+ const keyValueTypeDict = vue.computed(() => {
27
+ const obj = {};
28
+ props.keyTypes.map((e) => {
29
+ obj[e.value] = e.option;
30
+ });
31
+ return obj;
32
+ });
33
+ const handleAddItem = () => {
34
+ innerValue.value.push(keyValue.getKeyValueItem());
35
+ };
36
+ const handleDelete = (idx) => {
37
+ innerValue.value.splice(idx, 1);
38
+ };
39
+ const handleChange = () => {
40
+ emits("change", innerValue.value);
41
+ emits("change", innerValue.value);
42
+ };
43
+ return (_ctx, _cache) => {
44
+ const _component_ll_icon = vue.resolveComponent("ll-icon");
45
+ const _component_ll_button = vue.resolveComponent("ll-button");
46
+ const _component_a_spin = vue.resolveComponent("a-spin");
47
+ return vue.openBlock(), vue.createElementBlock(
48
+ "div",
49
+ {
50
+ class: vue.normalizeClass(vue.unref(bem).b())
51
+ },
52
+ [
53
+ vue.createVNode(_component_a_spin, {
54
+ spinning: props.loading
55
+ }, {
56
+ default: vue.withCtx(() => [
57
+ (vue.openBlock(true), vue.createElementBlock(
58
+ vue.Fragment,
59
+ null,
60
+ vue.renderList(props.value, (_item, idx) => {
61
+ return vue.openBlock(), vue.createBlock(keyValueItem.default, {
62
+ key: idx,
63
+ ref_for: true,
64
+ ref: (el) => keyValueItems.value[idx] = el,
65
+ value: props.value[idx],
66
+ "key-label": props.keyLabel,
67
+ "value-label": props.valueLabel,
68
+ "key-value-type-dict": keyValueTypeDict.value,
69
+ "show-delete": idx > 0,
70
+ type: props.type,
71
+ "key-type": props.keyType,
72
+ "key-types": props.keyTypes,
73
+ "value-type": props.valueType,
74
+ disabled: props.disabled,
75
+ onDelete: ($event) => handleDelete(idx),
76
+ onChange: handleChange
77
+ }, vue.createSlots({
78
+ _: 2
79
+ /* DYNAMIC */
80
+ }, [
81
+ vue.renderList(Object.keys(_ctx.$slots), (item) => {
82
+ return {
83
+ name: item,
84
+ fn: vue.withCtx((data) => [
85
+ vue.renderSlot(_ctx.$slots, item, vue.mergeProps(data || {}, { index: idx }))
86
+ ])
87
+ };
88
+ })
89
+ ]), 1032, ["value", "key-label", "value-label", "key-value-type-dict", "show-delete", "type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
90
+ }),
91
+ 128
92
+ /* KEYED_FRAGMENT */
93
+ )),
94
+ vue.createVNode(_component_ll_button, {
95
+ class: vue.normalizeClass(vue.unref(bem).e("add")),
96
+ loading: _ctx.loading,
97
+ disabled: props.disabled,
98
+ onClick: handleAddItem
99
+ }, {
100
+ default: vue.withCtx(() => [
101
+ vue.createElementVNode(
102
+ "div",
103
+ {
104
+ class: vue.normalizeClass(vue.unref(bem).e("plus"))
105
+ },
106
+ [
107
+ !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
108
+ key: 0,
109
+ "icon-name": "icon-add",
110
+ class: vue.normalizeClass(vue.unref(bem).e("icon-add"))
111
+ }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true),
112
+ vue.createTextVNode(
113
+ " " + vue.toDisplayString(props.addText),
114
+ 1
115
+ /* TEXT */
116
+ )
117
+ ],
118
+ 2
119
+ /* CLASS */
120
+ )
121
+ ]),
122
+ _: 1
123
+ /* STABLE */
124
+ }, 8, ["class", "loading", "disabled"])
125
+ ]),
126
+ _: 3
127
+ /* FORWARDED */
128
+ }, 8, ["spinning"])
129
+ ],
130
+ 2
131
+ /* CLASS */
132
+ );
133
+ };
134
+ }
135
+ });
136
+
137
+ exports.default = _sfc_main;
138
+ //# sourceMappingURL=key-value.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"key-value.vue2.js","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 props.value\"\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 } 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.length > 0 ? props.value : [{ key: '', value: '' }]\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}\n\nconst handleDelete = (idx: number) => {\n innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n emits('change', innerValue.value)\n emits('change', innerValue.value)\n}\n</script>\n"],"names":["createNamespace","ref","computed","getKeyValueItem"],"mappings":";;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAA,MAAM,UAAa,GAAAC,OAAA;AAAA,MACjB,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA,GAAI,KAAM,CAAA,KAAA,GAAQ,CAAC,EAAE,GAAK,EAAA,EAAA,EAAI,KAAO,EAAA,EAAA,EAAI,CAAA;AAAA,KAChE,CAAA;AACA,IAAM,MAAA,aAAA,GAAgBA,OAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmBC,aAAS,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,CAAAC,wBAAA,EAAiB,CAAA,CAAA;AAAA,KACzC,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,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,10 +1,18 @@
1
1
  'use strict';
2
2
 
3
3
  require('../../../utils/index.js');
4
+ var lodashUnified = require('lodash-unified');
4
5
  var runtime = require('../../../utils/props/runtime.js');
5
6
 
6
7
  "use strict";
7
8
  const operateIconProps = runtime.buildProps({
9
+ /**
10
+ * @description 监听dropdown是否打开和关闭
11
+ */
12
+ dropdownOpen: {
13
+ type: Boolean,
14
+ default: false
15
+ },
8
16
  /**
9
17
  * @description 是否显示dropdown
10
18
  */
@@ -40,10 +48,12 @@ const operateIconProps = runtime.buildProps({
40
48
  }
41
49
  });
42
50
  const operateIconEmits = {
43
- edit: (v, data) => !!v && !!data,
51
+ edit: (v, data) => v || data,
44
52
  // 点击编辑
45
- delete: (v, data) => !!v && !!data
53
+ delete: (v, data) => v || data,
46
54
  // 点击删除
55
+ "update:dropdownOpen": (bool) => lodashUnified.isBoolean(bool),
56
+ "update:value": (bool) => lodashUnified.isBoolean(bool)
47
57
  };
48
58
 
49
59
  exports.operateIconEmits = operateIconEmits;
@@ -1 +1 @@
1
- {"version":3,"file":"operate-icon.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n /**\n * @description 是否显示dropdown\n */\n showDropdown: {\n type: Boolean,\n default: false\n },\n /**\n * @description icon列表\n */\n list: {\n type: definePropType<IconBaseProps[]>(Array)\n },\n /**\n * @description 是否禁用\n */\n disabled: {\n type: Boolean,\n default: false\n },\n /**\n * @description 显示多少个icon,其余在弹窗中显示\n */\n showIconLimit: {\n type: Number,\n default: 3\n },\n /**\n * @description 点击按钮传递的数据\n */\n data: {\n type: definePropType<any>(undefined)\n }\n} as const)\n\nexport const operateIconEmits = {\n edit: (v: Event, data: any) => !!v && !!data, // 点击编辑\n delete: (v: Event, data: any) => !!v && !!data // 点击删除\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAA,EAAM,CAAC,CAAU,EAAA,IAAA,KAAc,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,IAAA;AAAA;AAAA,EACxC,MAAA,EAAQ,CAAC,CAAU,EAAA,IAAA,KAAc,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,IAAA;AAAA;AAC5C;;;;;"}
1
+ {"version":3,"file":"operate-icon.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { isBoolean } from 'lodash-unified'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n /**\n * @description 监听dropdown是否打开和关闭\n */\n dropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description 是否显示dropdown\n */\n showDropdown: {\n type: Boolean,\n default: false\n },\n /**\n * @description icon列表\n */\n list: {\n type: definePropType<IconBaseProps[]>(Array)\n },\n /**\n * @description 是否禁用\n */\n disabled: {\n type: Boolean,\n default: false\n },\n /**\n * @description 显示多少个icon,其余在弹窗中显示\n */\n showIconLimit: {\n type: Number,\n default: 3\n },\n /**\n * @description 点击按钮传递的数据\n */\n data: {\n type: definePropType<any>(undefined)\n }\n} as const)\n\nexport const operateIconEmits = {\n edit: (v: Event, data: any) => v || data, // 点击编辑\n delete: (v: Event, data: any) => v || data, // 点击删除\n 'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n 'update:value': (bool: boolean) => isBoolean(bool)\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":["buildProps","definePropType","isBoolean"],"mappings":";;;;;;;AAQO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,qBAAuB,EAAA,CAAC,IAAkB,KAAAC,uBAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAAA,uBAAA,CAAU,IAAI,CAAA;AACnD;;;;;"}
@@ -56,11 +56,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
56
56
  return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
57
57
  });
58
58
  const handleDropdownOpenChange = (open) => {
59
- if (!open)
59
+ if (!open) {
60
60
  dropdownOpen.value = false;
61
+ emits("update:dropdownOpen", false);
62
+ }
61
63
  };
62
64
  const handleIconMouseenter = () => {
63
65
  dropdownOpen.value = true;
66
+ emits("update:dropdownOpen", true);
64
67
  };
65
68
  vue.watch(
66
69
  () => [props.list, props.showDropdown],
@@ -153,11 +156,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
153
156
  [
154
157
  vue.createVNode(vue.unref(index.LlIconBase), {
155
158
  "is-show-tooltip": false,
156
- "is-show-container": false,
159
+ "is-show-container": showIconList.value[0].isShowContainer,
157
160
  "icon-type": showIconList.value[0].iconType,
158
161
  data: _ctx.data,
159
162
  "icon-name": "icon-more"
160
- }, null, 8, ["icon-type", "data"])
163
+ }, null, 8, ["is-show-container", "icon-type", "data"])
161
164
  ],
162
165
  34
163
166
  /* CLASS, NEED_HYDRATION */
@@ -1 +1 @@
1
- {"version":3,"file":"operate-icon.vue2.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"item in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n />\n <!-- 下拉提示的icon -->\n <a-dropdown\n v-if=\"showDropdown && modalIconList.length\"\n :overlay-class-name=\"bem.e('dropdown')\"\n :open=\"dropdownOpen\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <div\n :class=\"bem.e('dropdown-container')\"\n @mouseenter=\"handleIconMouseenter\"\n >\n <ll-icon-base\n :is-show-tooltip=\"false\"\n :is-show-container=\"false\"\n :icon-type=\"showIconList[0].iconType\"\n :data=\"data\"\n icon-name=\"icon-more\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n <ll-icon-base v-bind=\"item\" :data=\"data\" />\n </a-menu-item>\n </slot>\n </a-menu>\n </template>\n </a-dropdown>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n // 默认的icon列表\n {\n iconType: 'primary', // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-edit',\n tooltipTitle: '编辑',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('edit', e, data)\n }\n },\n {\n iconType: 'primary', // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-delete',\n tooltipTitle: '删除',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('delete', e, data)\n }\n }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n const isHasDropdown = props.showDropdown && modalIconList.value.length\n return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n if (!open) dropdownOpen.value = false\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n dropdownOpen.value = true\n}\n\n// 5.watch\nwatch(\n () => [props.list, props.showDropdown],\n (data: any) => {\n const [newList, showDropdown] = data\n const list = newList ? newList : defualtList.value\n const length = list.length\n if (length >= props.showIconLimit && showDropdown) {\n showIconList.value = list.slice(\n 0,\n props.showIconLimit - 1\n ) as IconBaseProps[]\n // 默认modal里面要icon后面跟文字\n modalIconList.value = list\n .slice(props.showIconLimit - 1)\n .map((item: any) => ({ ...item, isShowTitle: true }))\n } else {\n showIconList.value = list as IconBaseProps[]\n }\n },\n { immediate: true, deep: true }\n)\n</script>\n"],"names":["ref","createNamespace","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,YAAA,GAAeA,OAAqB,CAAA,EAAE,CAAA,CAAA;AAC5C,IAAM,MAAA,aAAA,GAAgBA,OAAqB,CAAA,EAAE,CAAA,CAAA;AAC7C,IAAM,MAAA,YAAA,GAAeA,QAAI,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,cAAcA,OAAI,CAAA;AAAA;AAAA,MAEtB;AAAA,QACE,QAAU,EAAA,SAAA;AAAA;AAAA,QACV,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,WAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA;AAAA,QACE,QAAU,EAAA,SAAA;AAAA;AAAA,QACV,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,aAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,QAAA,EAAU,GAAG,IAAI,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,gBAAA,GAAmBC,aAAS,MAAM;AACtC,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAgB,IAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAA;AAChE,MAAO,OAAA,CAAA,EAAG,GAAI,CAAA,CAAA,EAAG,CAAA,CAAA,EAAI,gBAAgB,GAAI,CAAA,CAAA,CAAE,cAAc,CAAA,GAAI,EAAE,CAAA,CAAA,CAAA;AAAA,KAChE,CAAA,CAAA;AAID,IAAM,MAAA,wBAAA,GAA2B,CAAC,IAAkB,KAAA;AAClD,MAAA,IAAI,CAAC,IAAA;AAAM,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,KACvB,CAAA;AAGA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,IAAA,EAAM,MAAM,YAAY,CAAA;AAAA,MACrC,CAAC,IAAc,KAAA;AACb,QAAM,MAAA,CAAC,OAAS,EAAA,YAAY,CAAI,GAAA,IAAA,CAAA;AAChC,QAAM,MAAA,IAAA,GAAO,OAAU,GAAA,OAAA,GAAU,WAAY,CAAA,KAAA,CAAA;AAC7C,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAI,IAAA,MAAA,IAAU,KAAM,CAAA,aAAA,IAAiB,YAAc,EAAA;AACjD,UAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,KAAA;AAAA,YACxB,CAAA;AAAA,YACA,MAAM,aAAgB,GAAA,CAAA;AAAA,WACxB,CAAA;AAEA,UAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CACnB,KAAM,CAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAC7B,GAAI,CAAA,CAAC,UAAe,EAAE,GAAG,IAAM,EAAA,WAAA,EAAa,MAAO,CAAA,CAAA,CAAA;AAAA,SACjD,MAAA;AACL,UAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"operate-icon.vue2.js","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"item in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n />\n <!-- 下拉提示的icon -->\n <a-dropdown\n v-if=\"showDropdown && modalIconList.length\"\n :overlay-class-name=\"bem.e('dropdown')\"\n :open=\"dropdownOpen\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <div\n :class=\"bem.e('dropdown-container')\"\n @mouseenter=\"handleIconMouseenter\"\n >\n <ll-icon-base\n :is-show-tooltip=\"false\"\n :is-show-container=\"showIconList[0].isShowContainer\"\n :icon-type=\"showIconList[0].iconType\"\n :data=\"data\"\n icon-name=\"icon-more\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n <ll-icon-base v-bind=\"item\" :data=\"data\" />\n </a-menu-item>\n </slot>\n </a-menu>\n </template>\n </a-dropdown>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n // 默认的icon列表\n {\n iconType: 'primary', // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-edit',\n tooltipTitle: '编辑',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('edit', e, data)\n }\n },\n {\n iconType: 'primary', // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-delete',\n tooltipTitle: '删除',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('delete', e, data)\n }\n }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n const isHasDropdown = props.showDropdown && modalIconList.value.length\n return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n if (!open) {\n dropdownOpen.value = false\n emits('update:dropdownOpen', false)\n }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n dropdownOpen.value = true\n emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n () => [props.list, props.showDropdown],\n (data: any) => {\n const [newList, showDropdown] = data\n const list = newList ? newList : defualtList.value\n const length = list.length\n if (length >= props.showIconLimit && showDropdown) {\n showIconList.value = list.slice(\n 0,\n props.showIconLimit - 1\n ) as IconBaseProps[]\n // 默认modal里面要icon后面跟文字\n modalIconList.value = list\n .slice(props.showIconLimit - 1)\n .map((item: any) => ({ ...item, isShowTitle: true }))\n } else {\n showIconList.value = list as IconBaseProps[]\n }\n },\n { immediate: true, deep: true }\n)\n</script>\n"],"names":["ref","createNamespace","computed","watch"],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../utils/index.js');
6
+ var operateTree$1 = require('./src/operate-tree.vue.js');
7
+ var operateTree = require('./src/operate-tree.js');
8
+ var withInstall = require('../../utils/with-install.js');
9
+
10
+ "use strict";
11
+ const LlOperateTree = withInstall.withInstall(operateTree$1.default);
12
+
13
+ exports.OperateTreeEmits = operateTree.OperateTreeEmits;
14
+ exports.operateTreeEmits = operateTree.operateTreeEmits;
15
+ exports.operateTreeProps = operateTree.operateTreeProps;
16
+ exports.LlOperateTree = LlOperateTree;
17
+ exports.default = LlOperateTree;
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/operate-tree/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport OperateTree from './src/operate-tree.vue'\n\nexport const LlOperateTree = withInstall(OperateTree)\nexport default LlOperateTree\nexport * from './src/operate-tree'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlOperateTree: typeof OperateTree\n }\n}\n"],"names":["withInstall","OperateTree"],"mappings":";;;;;;;;;;AAIa,MAAA,aAAA,GAAgBA,wBAAYC,qBAAW;;;;;;;;"}
@@ -0,0 +1,51 @@
1
+ 'use strict';
2
+
3
+ require('../../../utils/index.js');
4
+ var runtime = require('../../../utils/props/runtime.js');
5
+
6
+ "use strict";
7
+ const operateTreeProps = runtime.buildProps({
8
+ /**
9
+ * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)
10
+ */
11
+ operateDropdownOpen: {
12
+ type: Boolean,
13
+ default: false
14
+ },
15
+ /**
16
+ * @description tree-list的loading
17
+ */
18
+ loading: {
19
+ type: Boolean,
20
+ default: false
21
+ },
22
+ /**
23
+ * @description 节流时间
24
+ */
25
+ fieldNames: {
26
+ type: runtime.definePropType(Object),
27
+ default: () => ({ children: "children", title: "title", key: "key" })
28
+ },
29
+ /**
30
+ * @description tree的数据
31
+ */
32
+ treeData: {
33
+ type: runtime.definePropType(Array)
34
+ },
35
+ /**
36
+ * @description tree展开的key
37
+ */
38
+ expandedKeys: {
39
+ type: runtime.definePropType(Array)
40
+ }
41
+ });
42
+ const operateTreeEmits = {
43
+ expand: (expandedKeys, data) => expandedKeys || data,
44
+ select: (selectedKeys, e) => selectedKeys || e
45
+ };
46
+ const OperateTreeEmits = typeof operateTreeEmits;
47
+
48
+ exports.OperateTreeEmits = OperateTreeEmits;
49
+ exports.operateTreeEmits = operateTreeEmits;
50
+ exports.operateTreeProps = operateTreeProps;
51
+ //# sourceMappingURL=operate-tree.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"operate-tree.js","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateTree from './operate-tree.vue'\n\nexport interface IOperateTreeFieldNames {\n children?: string\n title?: string\n key?: string\n}\n\nexport const operateTreeProps = buildProps({\n /**\n * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)\n */\n operateDropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description tree-list的loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流时间\n */\n fieldNames: {\n type: definePropType<IOperateTreeFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[] | number[]>(Array)\n }\n} as const)\n\nexport const operateTreeEmits = {\n expand: (expandedKeys: string[], data: any) => expandedKeys || data,\n select: (selectedKeys: string[], e: Event) => selectedKeys || e\n}\n\n// props\nexport type OperateTreeProps = ExtractPropTypes<typeof operateTreeProps>\n\n// emits\nexport const OperateTreeEmits = typeof operateTreeEmits\n\n// instance\nexport type OperateTreeInstance = InstanceType<typeof OperateTree>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAWO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAoC,KAAK,CAAA;AAAA,GACjD;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAChE,EAAA;AAMO,MAAM,mBAAmB,OAAO;;;;;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var operateTree_vue_vue_type_script_setup_true_lang = require('./operate-tree.vue2.js');
6
+ var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
7
+
8
+ "use strict";
9
+ var OperateTree = /* @__PURE__ */ _pluginVue_exportHelper.default(operateTree_vue_vue_type_script_setup_true_lang.default, [["__file", "operate-tree.vue"]]);
10
+
11
+ exports.default = OperateTree;
12
+ //# sourceMappingURL=operate-tree.vue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"operate-tree.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -3,61 +3,38 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- require('../../../../utils/index.js');
7
- require('../config/index.js');
8
- require('../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/index.js');
9
- var treeList = require('../config/tree-list.js');
10
- var createNamespace = require('../../../../utils/create-namespace.js');
11
- var CaretRightOutlined = require('../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretRightOutlined.js');
12
- var CaretDownOutlined = require('../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.js');
6
+ require('../../../utils/index.js');
7
+ var operateTree = require('./operate-tree.js');
8
+ require('../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/index.js');
9
+ var createNamespace = require('../../../utils/create-namespace.js');
10
+ var CaretRightOutlined = require('../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretRightOutlined.js');
11
+ var CaretDownOutlined = require('../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.js');
13
12
 
14
13
  "use strict";
15
14
  var _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
- ...{ name: "LlTreeSelectTreeList" },
17
- __name: "tree-list",
18
- props: treeList.treeSelectTreeListProps,
19
- emits: treeList.treeSelectTreeListEmits,
15
+ ...{ name: "LlOperateTree" },
16
+ __name: "operate-tree",
17
+ props: operateTree.operateTreeProps,
18
+ emits: operateTree.operateTreeEmits,
20
19
  setup(__props, { emit: __emit }) {
21
20
  const props = __props;
22
21
  const emits = __emit;
23
- const newExpandedKeys = vue.ref([]);
24
- const bem = createNamespace.createNamespace("tree-search");
25
22
  const attrs = vue.useAttrs();
26
- const getTreeDataKeys = (children) => {
27
- const keys = [];
28
- const getKeys = (children2) => {
29
- if (children2) {
30
- children2.forEach((item) => {
31
- keys.push(item[props.fieldNames["key"]]);
32
- if (item[props.fieldNames["children"]]) {
33
- getKeys(item[props.fieldNames["children"]]);
34
- }
35
- });
36
- }
37
- };
38
- getKeys(children);
39
- return keys;
23
+ const newExpandedKeys = vue.ref([]);
24
+ const hoverTreeNodeItem = vue.ref();
25
+ const bem = createNamespace.createNamespace("operate-tree");
26
+ const handleMouseenter = ({ node }) => {
27
+ hoverTreeNodeItem.value = node;
40
28
  };
41
- const expand = (keys, data) => {
42
- console.log("gggggg");
43
- newExpandedKeys.value = keys;
44
- emits("expand", keys, data);
29
+ const expand = (expandedKeys, data) => {
30
+ newExpandedKeys.value = expandedKeys;
31
+ emits("expand", expandedKeys, data);
45
32
  };
46
33
  const select = (selectedKeys, e) => {
47
34
  emits("select", selectedKeys, e);
48
35
  };
49
36
  vue.watch(
50
- () => props.isCollapseMenu,
51
- (bool) => {
52
- if (bool) {
53
- newExpandedKeys.value = getTreeDataKeys(props.treeData);
54
- } else {
55
- newExpandedKeys.value = [];
56
- }
57
- }
58
- );
59
- vue.watch(
60
- () => [props.expandedKeys],
37
+ () => props.expandedKeys,
61
38
  (keys) => {
62
39
  if (keys) {
63
40
  newExpandedKeys.value = keys;
@@ -76,7 +53,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
76
53
  vue.createElementVNode(
77
54
  "div",
78
55
  {
79
- class: vue.normalizeClass(vue.unref(bem).e("tree-list"))
56
+ class: vue.normalizeClass(vue.unref(bem).b())
80
57
  },
81
58
  [
82
59
  vue.createCommentVNode(" \u76EE\u5F55tree "),
@@ -87,10 +64,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
87
64
  "expanded-keys": newExpandedKeys.value,
88
65
  "field-names": _ctx.fieldNames,
89
66
  onExpand: expand,
90
- onSelect: select
67
+ onSelect: select,
68
+ onMouseenter: handleMouseenter
91
69
  }), {
92
70
  switcherIcon: vue.withCtx((slots) => [
93
- vue.renderSlot(_ctx.$slots, "switcherIcon", {}, () => [
71
+ vue.renderSlot(_ctx.$slots, "switcherIcon", vue.normalizeProps(vue.guardReactiveProps(slots)), () => [
94
72
  !slots.expanded ? (vue.openBlock(), vue.createBlock(vue.unref(CaretRightOutlined.default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(CaretDownOutlined.default), { key: 1 }))
95
73
  ])
96
74
  ]),
@@ -98,7 +76,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
98
76
  vue.createElementVNode(
99
77
  "div",
100
78
  {
101
- class: vue.normalizeClass(vue.unref(bem).e("tree-title"))
79
+ class: vue.normalizeClass(vue.unref(bem).e("title"))
102
80
  },
103
81
  [
104
82
  vue.createElementVNode("div", null, [
@@ -107,7 +85,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
107
85
  "div",
108
86
  {
109
87
  key: 0,
110
- class: vue.normalizeClass(vue.unref(bem).e("tree-icon"))
88
+ class: vue.normalizeClass(vue.unref(bem).e("icon"))
111
89
  },
112
90
  [
113
91
  vue.renderSlot(_ctx.$slots, "icon", vue.normalizeProps(vue.guardReactiveProps(slots)))
@@ -130,7 +108,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
130
108
  vue.createElementVNode(
131
109
  "div",
132
110
  {
133
- class: vue.normalizeClass(vue.unref(bem).e("tree-operate"))
111
+ class: vue.normalizeClass(`${vue.unref(bem).e("operate")} ${props.operateDropdownOpen && hoverTreeNodeItem.value[_ctx.fieldNames["key"]] === slots[_ctx.fieldNames["key"]] ? vue.unref(bem).is("open") : vue.unref(bem).is("close")}`)
134
112
  },
135
113
  [
136
114
  vue.renderSlot(_ctx.$slots, "treeOperate", { data: slots })
@@ -145,15 +123,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
145
123
  ]),
146
124
  _: 3
147
125
  /* FORWARDED */
148
- }, 16, ["tree-data", "expanded-keys", "field-names"])) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
149
- vue.createVNode(_component_ll_empty, null, {
150
- content: vue.withCtx(() => [
151
- vue.createTextVNode("\u6682\u65E0\u6570\u636E")
152
- ]),
153
- _: 1
154
- /* STABLE */
155
- })
156
- ])
126
+ }, 16, ["tree-data", "expanded-keys", "field-names"])) : (vue.openBlock(), vue.createElementBlock(
127
+ vue.Fragment,
128
+ { key: 1 },
129
+ [
130
+ vue.createCommentVNode(" empty-slots "),
131
+ vue.renderSlot(_ctx.$slots, "empty", {}, () => [
132
+ vue.createVNode(_component_ll_empty, null, {
133
+ content: vue.withCtx(() => [
134
+ vue.createTextVNode("\u6682\u65E0\u6570\u636E")
135
+ ]),
136
+ _: 1
137
+ /* STABLE */
138
+ })
139
+ ])
140
+ ],
141
+ 64
142
+ /* STABLE_FRAGMENT */
143
+ ))
157
144
  ],
158
145
  2
159
146
  /* CLASS */
@@ -167,4 +154,4 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
167
154
  });
168
155
 
169
156
  exports.default = _sfc_main;
170
- //# sourceMappingURL=tree-list.vue2.js.map
157
+ //# sourceMappingURL=operate-tree.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"operate-tree.vue2.js","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n <a-spin :spinning=\"loading\">\n <div :class=\"bem.b()\">\n <!-- 目录tree -->\n <a-directory-tree\n v-if=\"treeData?.length\"\n v-bind=\"attrs\"\n :block-node=\"true\"\n multiple\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n :field-names=\"fieldNames\"\n @expand=\"expand\"\n @select=\"select\"\n @mouseenter=\"handleMouseenter\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\">\n <caret-right-outlined v-if=\"!slots.expanded\" />\n <caret-down-outlined v-else />\n </slot>\n </template>\n <template #title=\"slots\">\n <div :class=\"bem.e('title')\">\n <div>\n <!-- icon-slots -->\n <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </div>\n <!-- title-slots -->\n <slot name=\"treeTitle\" v-bind=\"slots\">\n <span>\n {{ slots[fieldNames!['title']!] }}\n </span>\n </slot>\n </div>\n <!-- operate-slots -->\n <div\n :class=\"`${bem.e('operate')} ${\n props.operateDropdownOpen && hoverTreeNodeItem[fieldNames!['key']!] === slots[fieldNames!['key']!] ? bem.is('open') : bem.is('close')\n }`\"\n >\n <slot name=\"treeOperate\" :data=\"slots\"></slot>\n </div>\n </div>\n </template>\n </a-directory-tree>\n <template v-else>\n <!-- empty-slots -->\n <slot name=\"empty\">\n <ll-empty>\n <template #content>暂无数据</template>\n </ll-empty>\n </slot>\n </template>\n </div>\n </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n newExpandedKeys.value = expandedKeys\n emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys as string[]\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["useAttrs","ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;AAuEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,eAAA,GAAkBC,OAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoBA,OAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,7 +8,6 @@ require('./src/config/index.js');
8
8
  var withInstall = require('../../utils/with-install.js');
9
9
  var headerSearch = require('./src/config/header-search.js');
10
10
  var directoryTitle = require('./src/config/directory-title.js');
11
- var treeList = require('./src/config/tree-list.js');
12
11
  var treeSearch = require('./src/config/tree-search.js');
13
12
 
14
13
  "use strict";
@@ -18,9 +17,6 @@ exports.treeSelectHeaderSearchEmits = headerSearch.treeSelectHeaderSearchEmits;
18
17
  exports.treeSelectHeaderSearchProps = headerSearch.treeSelectHeaderSearchProps;
19
18
  exports.treeSelectDirectoryTitleEmits = directoryTitle.treeSelectDirectoryTitleEmits;
20
19
  exports.treeSelectDirectoryTitleProps = directoryTitle.treeSelectDirectoryTitleProps;
21
- exports.TreeSelectTreeListEmits = treeList.TreeSelectTreeListEmits;
22
- exports.treeSelectTreeListEmits = treeList.treeSelectTreeListEmits;
23
- exports.treeSelectTreeListProps = treeList.treeSelectTreeListProps;
24
20
  exports.treeSearchEmits = treeSearch.treeSearchEmits;
25
21
  exports.treeSearchEmits1 = treeSearch.treeSearchEmits1;
26
22
  exports.treeSearchOperateWayType = treeSearch.treeSearchOperateWayType;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlTreeSearch: typeof TreeSearch\n }\n}\n"],"names":["withInstall","TreeSearch"],"mappings":";;;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,wBAAYC,oBAAU;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlTreeSearch: typeof TreeSearch\n }\n}\n"],"names":["withInstall","TreeSearch"],"mappings":";;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,wBAAYC,oBAAU;;;;;;;;;;;;;"}
@@ -13,8 +13,7 @@ const treeSelectDirectoryTitleProps = runtime.buildProps({
13
13
  }
14
14
  });
15
15
  const treeSelectDirectoryTitleEmits = {
16
- collapseMenu: () => {
17
- }
16
+ collapseMenu: () => true
18
17
  // 菜单展开/收起
19
18
  };
20
19
 
@@ -1 +1 @@
1
- {"version":3,"file":"directory-title.js","sources":["../../../../../../../packages/components/tree-search/src/config/directory-title.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DirectoryTitle from '../components/directory-title.vue'\n\nexport const treeSelectDirectoryTitleProps = buildProps({\n /**\n * @description 是否收起\n */\n isCollapseMenu: {\n type: Boolean\n }\n} as const)\n\nexport const treeSelectDirectoryTitleEmits = {\n collapseMenu: () => {} // 菜单展开/收起\n}\n\n// props\nexport type TreeSelectDirectoryTitleProps = ExtractPropTypes<\n typeof treeSelectDirectoryTitleProps\n>\n\n// emits\nexport type TreeSelectDirectoryTitleEmits = typeof treeSelectDirectoryTitleEmits\n\n// instance\nexport type TreeSelectDirectoryTitleInstance = InstanceType<\n typeof DirectoryTitle\n>\n"],"names":["buildProps"],"mappings":";;;;;;AAKO,MAAM,gCAAgCA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItD,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,6BAAgC,GAAA;AAAA,EAC3C,cAAc,MAAM;AAAA,GAAC;AAAA;AACvB;;;;;"}
1
+ {"version":3,"file":"directory-title.js","sources":["../../../../../../../packages/components/tree-search/src/config/directory-title.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DirectoryTitle from '../components/directory-title.vue'\n\nexport const treeSelectDirectoryTitleProps = buildProps({\n /**\n * @description 是否收起\n */\n isCollapseMenu: {\n type: Boolean\n }\n} as const)\n\nexport const treeSelectDirectoryTitleEmits = {\n collapseMenu: () => true // 菜单展开/收起\n}\n\n// props\nexport type TreeSelectDirectoryTitleProps = ExtractPropTypes<\n typeof treeSelectDirectoryTitleProps\n>\n\n// emits\nexport type TreeSelectDirectoryTitleEmits = typeof treeSelectDirectoryTitleEmits\n\n// instance\nexport type TreeSelectDirectoryTitleInstance = InstanceType<\n typeof DirectoryTitle\n>\n"],"names":["buildProps"],"mappings":";;;;;;AAKO,MAAM,gCAAgCA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItD,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,6BAAgC,GAAA;AAAA,EAC3C,cAAc,MAAM,IAAA;AAAA;AACtB;;;;;"}