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.
- package/es/component.mjs +5 -0
- package/es/component.mjs.map +1 -1
- package/es/components/advanced-filtering/index.d.ts +98 -56
- package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
- package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
- package/es/components/checkbox/index.d.ts +34 -10
- package/es/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
- package/es/components/checkbox/src/checkbox.d.ts +4 -0
- package/es/components/checkbox/src/checkbox.vue.d.ts +17 -5
- package/es/components/form/index.d.ts +49 -28
- package/es/components/form/src/components/form-component.vue.d.ts +36 -0
- package/es/components/form/src/config/form-component.d.ts +13 -0
- package/es/components/form/src/config/form.d.ts +8 -14
- package/es/components/form/src/config/index.d.ts +1 -0
- package/es/components/form/src/form.vue.d.ts +49 -28
- package/es/components/index.d.ts +2 -0
- package/es/components/key-value/index.d.ts +431 -0
- package/es/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
- package/es/components/key-value/src/config/index.d.ts +2 -0
- package/es/components/key-value/src/config/key-value-item.d.ts +252 -0
- package/es/components/key-value/src/config/key-value.d.ts +59 -0
- package/es/components/key-value/src/key-value.vue.d.ts +424 -0
- package/es/components/operate-icon/index.d.ts +13 -3
- package/es/components/operate-icon/src/operate-icon.d.ts +5 -2
- package/es/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
- package/es/components/operate-tree/index.d.ts +92 -0
- package/es/components/operate-tree/src/operate-tree.d.ts +35 -0
- package/es/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
- package/es/components/table/index.d.ts +5 -5
- package/es/components/table/src/components/main-table.vue.d.ts +1 -1
- package/es/components/table/src/config/table.d.ts +2 -2
- package/es/components/table/src/table.vue.d.ts +5 -5
- package/es/components/tree-search/index.d.ts +60 -86
- package/es/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
- package/es/components/tree-search/src/config/directory-title.d.ts +1 -1
- package/es/components/tree-search/src/config/index.d.ts +0 -1
- package/es/components/tree-search/src/config/tree-search.d.ts +5 -9
- package/es/components/tree-search/src/tree-search.vue.d.ts +60 -86
- package/es/index.mjs +7 -2
- package/es/index.mjs.map +1 -1
- package/es/packages/components/checkbox/index.mjs +1 -1
- package/es/packages/components/checkbox/src/checkbox.mjs +7 -1
- package/es/packages/components/checkbox/src/checkbox.mjs.map +1 -1
- package/es/packages/components/checkbox/src/checkbox.vue2.mjs +17 -3
- package/es/packages/components/checkbox/src/checkbox.vue2.mjs.map +1 -1
- package/es/packages/components/form/index.mjs +1 -0
- package/es/packages/components/form/index.mjs.map +1 -1
- package/es/packages/components/form/src/components/form-component.vue.mjs +8 -0
- package/es/packages/components/form/src/components/form-component.vue.mjs.map +1 -0
- package/es/packages/components/form/src/components/form-component.vue2.mjs +37 -0
- package/es/packages/components/form/src/components/form-component.vue2.mjs.map +1 -0
- package/es/packages/components/form/src/config/form-component.mjs +23 -0
- package/es/packages/components/form/src/config/form-component.mjs.map +1 -0
- package/es/packages/components/form/src/config/form.mjs.map +1 -1
- package/es/packages/components/form/src/config/index.mjs +1 -0
- package/es/packages/components/form/src/config/index.mjs.map +1 -1
- package/es/packages/components/form/src/form.vue2.mjs +57 -16
- package/es/packages/components/form/src/form.vue2.mjs.map +1 -1
- package/es/packages/components/index.mjs +7 -2
- package/es/packages/components/index.mjs.map +1 -1
- package/es/packages/components/key-value/index.mjs +12 -0
- package/es/packages/components/key-value/index.mjs.map +1 -0
- package/es/packages/components/key-value/src/components/key-value-item.vue.mjs +8 -0
- package/es/packages/components/key-value/src/components/key-value-item.vue.mjs.map +1 -0
- package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs +246 -0
- package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs.map +1 -0
- package/es/packages/components/key-value/src/config/index.mjs +5 -0
- package/es/packages/components/key-value/src/config/index.mjs.map +1 -0
- package/es/packages/components/key-value/src/config/key-value-item.mjs +54 -0
- package/es/packages/components/key-value/src/config/key-value-item.mjs.map +1 -0
- package/es/packages/components/key-value/src/config/key-value.mjs +63 -0
- package/es/packages/components/key-value/src/config/key-value.mjs.map +1 -0
- package/es/packages/components/key-value/src/key-value.vue.mjs +8 -0
- package/es/packages/components/key-value/src/key-value.vue.mjs.map +1 -0
- package/es/packages/components/key-value/src/key-value.vue2.mjs +134 -0
- package/es/packages/components/key-value/src/key-value.vue2.mjs.map +1 -0
- package/es/packages/components/operate-icon/src/operate-icon.mjs +12 -2
- package/es/packages/components/operate-icon/src/operate-icon.mjs.map +1 -1
- package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs +6 -3
- package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
- package/es/packages/components/operate-tree/index.mjs +10 -0
- package/es/packages/components/operate-tree/index.mjs.map +1 -0
- package/es/packages/components/operate-tree/src/operate-tree.mjs +47 -0
- package/es/packages/components/operate-tree/src/operate-tree.mjs.map +1 -0
- package/es/packages/components/operate-tree/src/operate-tree.vue.mjs +8 -0
- package/es/packages/components/operate-tree/src/operate-tree.vue.mjs.map +1 -0
- package/es/packages/components/{tree-search/src/components/tree-list.vue2.mjs → operate-tree/src/operate-tree.vue2.mjs} +46 -59
- package/es/packages/components/operate-tree/src/operate-tree.vue2.mjs.map +1 -0
- package/es/packages/components/tree-search/index.mjs +0 -1
- package/es/packages/components/tree-search/index.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/directory-title.mjs +1 -2
- package/es/packages/components/tree-search/src/config/directory-title.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/index.mjs +0 -1
- package/es/packages/components/tree-search/src/config/index.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/tree-search.mjs +2 -2
- package/es/packages/components/tree-search/src/config/tree-search.mjs.map +1 -1
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs +42 -9
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
- package/index.full.js +16927 -16274
- package/index.full.min.js +47 -47
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +47 -47
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +16914 -16273
- package/lib/component.js +49 -44
- package/lib/component.js.map +1 -1
- package/lib/components/advanced-filtering/index.d.ts +98 -56
- package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
- package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
- package/lib/components/checkbox/index.d.ts +34 -10
- package/lib/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
- package/lib/components/checkbox/src/checkbox.d.ts +4 -0
- package/lib/components/checkbox/src/checkbox.vue.d.ts +17 -5
- package/lib/components/form/index.d.ts +49 -28
- package/lib/components/form/src/components/form-component.vue.d.ts +36 -0
- package/lib/components/form/src/config/form-component.d.ts +13 -0
- package/lib/components/form/src/config/form.d.ts +8 -14
- package/lib/components/form/src/config/index.d.ts +1 -0
- package/lib/components/form/src/form.vue.d.ts +49 -28
- package/lib/components/index.d.ts +2 -0
- package/lib/components/key-value/index.d.ts +431 -0
- package/lib/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
- package/lib/components/key-value/src/config/index.d.ts +2 -0
- package/lib/components/key-value/src/config/key-value-item.d.ts +252 -0
- package/lib/components/key-value/src/config/key-value.d.ts +59 -0
- package/lib/components/key-value/src/key-value.vue.d.ts +424 -0
- package/lib/components/operate-icon/index.d.ts +13 -3
- package/lib/components/operate-icon/src/operate-icon.d.ts +5 -2
- package/lib/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
- package/lib/components/operate-tree/index.d.ts +92 -0
- package/lib/components/operate-tree/src/operate-tree.d.ts +35 -0
- package/lib/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
- package/lib/components/table/index.d.ts +5 -5
- package/lib/components/table/src/components/main-table.vue.d.ts +1 -1
- package/lib/components/table/src/config/table.d.ts +2 -2
- package/lib/components/table/src/table.vue.d.ts +5 -5
- package/lib/components/tree-search/index.d.ts +60 -86
- package/lib/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
- package/lib/components/tree-search/src/config/directory-title.d.ts +1 -1
- package/lib/components/tree-search/src/config/index.d.ts +0 -1
- package/lib/components/tree-search/src/config/tree-search.d.ts +5 -9
- package/lib/components/tree-search/src/tree-search.vue.d.ts +60 -86
- package/lib/index.js +64 -47
- package/lib/index.js.map +1 -1
- package/lib/packages/components/checkbox/index.js +1 -0
- package/lib/packages/components/checkbox/index.js.map +1 -1
- package/lib/packages/components/checkbox/src/checkbox.js +7 -0
- package/lib/packages/components/checkbox/src/checkbox.js.map +1 -1
- package/lib/packages/components/checkbox/src/checkbox.vue2.js +16 -2
- package/lib/packages/components/checkbox/src/checkbox.vue2.js.map +1 -1
- package/lib/packages/components/form/index.js +2 -0
- package/lib/packages/components/form/index.js.map +1 -1
- package/lib/packages/components/form/src/components/form-component.vue.js +12 -0
- package/lib/packages/components/form/src/components/form-component.vue.js.map +1 -0
- package/lib/packages/components/form/src/components/form-component.vue2.js +41 -0
- package/lib/packages/components/form/src/components/form-component.vue2.js.map +1 -0
- package/lib/packages/components/form/src/config/form-component.js +25 -0
- package/lib/packages/components/form/src/config/form-component.js.map +1 -0
- package/lib/packages/components/form/src/config/form.js.map +1 -1
- package/lib/packages/components/form/src/config/index.js +2 -0
- package/lib/packages/components/form/src/config/index.js.map +1 -1
- package/lib/packages/components/form/src/form.vue2.js +55 -14
- package/lib/packages/components/form/src/form.vue2.js.map +1 -1
- package/lib/packages/components/index.js +64 -47
- package/lib/packages/components/index.js.map +1 -1
- package/lib/packages/components/key-value/index.js +25 -0
- package/lib/packages/components/key-value/index.js.map +1 -0
- package/lib/packages/components/key-value/src/components/key-value-item.vue.js +12 -0
- package/lib/packages/components/key-value/src/components/key-value-item.vue.js.map +1 -0
- package/lib/packages/components/key-value/src/components/key-value-item.vue2.js +250 -0
- package/lib/packages/components/key-value/src/components/key-value-item.vue2.js.map +1 -0
- package/lib/packages/components/key-value/src/config/index.js +16 -0
- package/lib/packages/components/key-value/src/config/index.js.map +1 -0
- package/lib/packages/components/key-value/src/config/key-value-item.js +60 -0
- package/lib/packages/components/key-value/src/config/key-value-item.js.map +1 -0
- package/lib/packages/components/key-value/src/config/key-value.js +67 -0
- package/lib/packages/components/key-value/src/config/key-value.js.map +1 -0
- package/lib/packages/components/key-value/src/key-value.vue.js +12 -0
- package/lib/packages/components/key-value/src/key-value.vue.js.map +1 -0
- package/lib/packages/components/key-value/src/key-value.vue2.js +138 -0
- package/lib/packages/components/key-value/src/key-value.vue2.js.map +1 -0
- package/lib/packages/components/operate-icon/src/operate-icon.js +12 -2
- package/lib/packages/components/operate-icon/src/operate-icon.js.map +1 -1
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js +6 -3
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
- package/lib/packages/components/operate-tree/index.js +18 -0
- package/lib/packages/components/operate-tree/index.js.map +1 -0
- package/lib/packages/components/operate-tree/src/operate-tree.js +51 -0
- package/lib/packages/components/operate-tree/src/operate-tree.js.map +1 -0
- package/lib/packages/components/operate-tree/src/operate-tree.vue.js +12 -0
- package/lib/packages/components/operate-tree/src/operate-tree.vue.js.map +1 -0
- package/lib/packages/components/{tree-search/src/components/tree-list.vue2.js → operate-tree/src/operate-tree.vue2.js} +45 -58
- package/lib/packages/components/operate-tree/src/operate-tree.vue2.js.map +1 -0
- package/lib/packages/components/tree-search/index.js +0 -4
- package/lib/packages/components/tree-search/index.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/directory-title.js +1 -2
- package/lib/packages/components/tree-search/src/config/directory-title.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/index.js +0 -4
- package/lib/packages/components/tree-search/src/config/index.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/tree-search.js +2 -2
- package/lib/packages/components/tree-search/src/config/tree-search.js.map +1 -1
- package/lib/packages/components/tree-search/src/tree-search.vue2.js +41 -8
- package/lib/packages/components/tree-search/src/tree-search.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/code-editor.css +5 -0
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/input-number.css +1 -1
- package/theme-chalk/css/key-value.css +5 -0
- package/theme-chalk/css/operate-tree.css +1 -0
- package/theme-chalk/css/tree-search.css +1 -1
- package/types/packages/components/advanced-filtering/index.d.ts +98 -56
- package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +49 -28
- package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +49 -28
- package/types/packages/components/checkbox/index.d.ts +34 -10
- package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +17 -5
- package/types/packages/components/checkbox/src/checkbox.d.ts +4 -0
- package/types/packages/components/checkbox/src/checkbox.vue.d.ts +17 -5
- package/types/packages/components/form/index.d.ts +49 -28
- package/types/packages/components/form/src/components/form-component.vue.d.ts +36 -0
- package/types/packages/components/form/src/config/form-component.d.ts +13 -0
- package/types/packages/components/form/src/config/form.d.ts +8 -14
- package/types/packages/components/form/src/config/index.d.ts +1 -0
- package/types/packages/components/form/src/form.vue.d.ts +49 -28
- package/types/packages/components/index.d.ts +2 -0
- package/types/packages/components/key-value/index.d.ts +431 -0
- package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +299 -0
- package/types/packages/components/key-value/src/config/index.d.ts +2 -0
- package/types/packages/components/key-value/src/config/key-value-item.d.ts +252 -0
- package/types/packages/components/key-value/src/config/key-value.d.ts +59 -0
- package/types/packages/components/key-value/src/key-value.vue.d.ts +424 -0
- package/types/packages/components/operate-icon/index.d.ts +13 -3
- package/types/packages/components/operate-icon/src/operate-icon.d.ts +5 -2
- package/types/packages/components/operate-icon/src/operate-icon.vue.d.ts +13 -3
- package/types/packages/components/operate-tree/index.d.ts +92 -0
- package/types/packages/components/operate-tree/src/operate-tree.d.ts +35 -0
- package/types/packages/components/operate-tree/src/operate-tree.vue.d.ts +85 -0
- package/types/packages/components/table/index.d.ts +5 -5
- package/types/packages/components/table/src/components/main-table.vue.d.ts +1 -1
- package/types/packages/components/table/src/config/table.d.ts +2 -2
- package/types/packages/components/table/src/table.vue.d.ts +5 -5
- package/types/packages/components/tree-search/index.d.ts +60 -86
- package/types/packages/components/tree-search/src/components/directory-title.vue.d.ts +1 -1
- package/types/packages/components/tree-search/src/config/directory-title.d.ts +1 -1
- package/types/packages/components/tree-search/src/config/index.d.ts +0 -1
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +5 -9
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +60 -86
- package/es/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
- package/es/components/tree-search/src/config/tree-list.d.ts +0 -48
- package/es/packages/components/tree-search/src/components/tree-list.vue.mjs +0 -8
- package/es/packages/components/tree-search/src/components/tree-list.vue.mjs.map +0 -1
- package/es/packages/components/tree-search/src/components/tree-list.vue2.mjs.map +0 -1
- package/es/packages/components/tree-search/src/config/tree-list.mjs +0 -50
- package/es/packages/components/tree-search/src/config/tree-list.mjs.map +0 -1
- package/lib/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
- package/lib/components/tree-search/src/config/tree-list.d.ts +0 -48
- package/lib/packages/components/tree-search/src/components/tree-list.vue.js +0 -12
- package/lib/packages/components/tree-search/src/components/tree-list.vue.js.map +0 -1
- package/lib/packages/components/tree-search/src/components/tree-list.vue2.js.map +0 -1
- package/lib/packages/components/tree-search/src/config/tree-list.js +0 -54
- package/lib/packages/components/tree-search/src/config/tree-list.js.map +0 -1
- package/types/packages/components/tree-search/src/components/tree-list.vue.d.ts +0 -113
- 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) =>
|
|
51
|
+
edit: (v, data) => v || data,
|
|
44
52
|
// 点击编辑
|
|
45
|
-
delete: (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) =>
|
|
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":
|
|
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=\"
|
|
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":";;;;;;;;;;;;;;;;;;;;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,IAAM,EAAA;AACT,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,QAAA,KAAA,CAAM,uBAAuB,KAAK,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,KAAA,CAAM,uBAAuB,IAAI,CAAA,CAAA;AAAA,KACnC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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('
|
|
7
|
-
require('
|
|
8
|
-
require('
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
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: "
|
|
17
|
-
__name: "tree
|
|
18
|
-
props:
|
|
19
|
-
emits:
|
|
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
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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 = (
|
|
42
|
-
|
|
43
|
-
|
|
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.
|
|
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).
|
|
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("
|
|
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("
|
|
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("
|
|
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.
|
|
149
|
-
vue.
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
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
|
|
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":"
|
|
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 +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: () =>
|
|
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;;;;;"}
|