ll-plus 2.2.6 → 2.2.7
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/components/select-group/src/select-group.mjs +1 -1
- package/es/components/select-group/src/select-group.mjs.map +1 -1
- package/es/components/select-group/src/select-group.vue2.mjs +1 -2
- package/es/components/select-group/src/select-group.vue2.mjs.map +1 -1
- package/index.full.js +2 -3
- package/index.full.min.js +1 -1
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +1 -1
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +2 -3
- package/lib/components/select-group/src/select-group.js +1 -1
- package/lib/components/select-group/src/select-group.js.map +1 -1
- package/lib/components/select-group/src/select-group.vue2.js +1 -2
- package/lib/components/select-group/src/select-group.vue2.js.map +1 -1
- package/package.json +1 -1
package/index.full.mjs
CHANGED
|
@@ -60801,7 +60801,7 @@ const selectGroupProps = buildProps({
|
|
|
60801
60801
|
* @description 右边表单的 value
|
|
60802
60802
|
*/
|
|
60803
60803
|
value: {
|
|
60804
|
-
type: definePropType(
|
|
60804
|
+
type: definePropType(String || Number || void 0)
|
|
60805
60805
|
},
|
|
60806
60806
|
/**
|
|
60807
60807
|
* @description select的options
|
|
@@ -60864,8 +60864,7 @@ var _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
60864
60864
|
watch(
|
|
60865
60865
|
() => props.value,
|
|
60866
60866
|
(newV) => {
|
|
60867
|
-
|
|
60868
|
-
value.value = newV;
|
|
60867
|
+
value.value = newV;
|
|
60869
60868
|
},
|
|
60870
60869
|
{
|
|
60871
60870
|
immediate: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-group.js","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n name?: string\n value?: any\n [key: string]: any\n}\n\nexport const selectGroupFormType = [\n 'input',\n 'select',\n 'range-picker',\n 'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 表单提示占位符\n */\n placeholder: {\n type: String\n },\n /**\n * @description 表单的字段 name\n */\n name: {\n type: String,\n required: true\n },\n /**\n * @description 右边表单的 value\n */\n value: {\n type: String,\n required: true\n },\n /**\n * @description SVG 图标的大小，size x size\n */\n showFormType: {\n type: String,\n values: selectGroupFormType\n },\n /**\n * @description 格式化属性例如tree/select\n */\n fieldNames: {\n type: definePropType<object>(Object)\n },\n /**\n * @description select的options\n */\n options: {\n type: definePropType<any[]>(Array)\n },\n /**\n * @description 左侧选择的options\n */\n list: {\n type: definePropType<ISelectGroupItem[]>(Array)\n }\n} as const)\nexport const selectGroupProps = buildProps({\n /**\n * @description 选中select中的某一项（和value对应）\n */\n selectValue: {\n type: String\n },\n /**\n * @description 右边表单的 value\n */\n value: {\n type: definePropType<any>(
|
|
1
|
+
{"version":3,"file":"select-group.js","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n name?: string\n value?: any\n [key: string]: any\n}\n\nexport const selectGroupFormType = [\n 'input',\n 'select',\n 'range-picker',\n 'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 表单提示占位符\n */\n placeholder: {\n type: String\n },\n /**\n * @description 表单的字段 name\n */\n name: {\n type: String,\n required: true\n },\n /**\n * @description 右边表单的 value\n */\n value: {\n type: String,\n required: true\n },\n /**\n * @description SVG 图标的大小，size x size\n */\n showFormType: {\n type: String,\n values: selectGroupFormType\n },\n /**\n * @description 格式化属性例如tree/select\n */\n fieldNames: {\n type: definePropType<object>(Object)\n },\n /**\n * @description select的options\n */\n options: {\n type: definePropType<any[]>(Array)\n },\n /**\n * @description 左侧选择的options\n */\n list: {\n type: definePropType<ISelectGroupItem[]>(Array)\n }\n} as const)\nexport const selectGroupProps = buildProps({\n /**\n * @description 选中select中的某一项（和value对应）\n */\n selectValue: {\n type: String\n },\n /**\n * @description 右边表单的 value\n */\n value: {\n type: definePropType<any>(String || Number || undefined)\n },\n /**\n * @description select的options\n */\n data: {\n type: definePropType<SelectGroupData[]>(Array),\n default: () => []\n }\n} as const)\n\nexport const selectGroupEmits = {\n change: (selectV: string, value: string) => !!selectV && !!value\n}\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAAC,sBAAA,CAAoB,MAAU,IAAA,MAAA,IAAU,KAAS,CAAA,CAAA;AAAA,GACzD;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAkB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAC7D;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div :class=\"bemContainer.b()\">\n <a-input-group compact>\n <!-- 左侧select -->\n <a-select\n v-model:value=\"typeSelectValue\"\n class=\"select-group-left-select-container\"\n @change=\"handleSelectChange\"\n >\n <a-select-option\n v-for=\"item in data\"\n :key=\"item.name\"\n :value=\"item.value\"\n :item=\"item\"\n >\n {{ item.name }}\n </a-select-option>\n </a-select>\n <!-- 右侧组合表单 -->\n <!-- input输入框 -->\n <template\n v-if=\"\n !selectItem?.showFormType || selectItem?.showFormType === 'input'\n \"\n >\n <a-input\n v-model:value=\"value\"\n :placeholder=\"selectItem?.placeholder\"\n @press-enter=\"handleChange\"\n >\n <template #suffix>\n <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n </template>\n </a-input>\n </template>\n <!-- select下拉框 -->\n <template v-else-if=\"selectItem?.showFormType === 'select'\">\n <a-select\n v-model:value=\"value\"\n popup-class-name=\"select-group-right-select\"\n :options=\"selectItem?.options\"\n :placeholder=\"selectItem?.placeholder\"\n style=\"width: 100%\"\n :field-names=\"selectItem?.fieldNames\"\n @change=\"handleChange\"\n >\n <a-select-option\n v-for=\"item in selectItem.list\"\n :key=\"item.value\"\n :value=\"item.value\"\n >\n {{ item.name }}\n </a-select-option>\n </a-select>\n </template>\n <!-- 日期选择 -->\n <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n <a-range-picker v-model:value=\"value\" @change=\"handleChange\" />\n </template>\n <!-- 树选择 -->\n <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n <a-tree-select\n v-model:value=\"value\"\n style=\"width: 100%\"\n :field-names=\"selectItem.fieldNames\"\n :placeholder=\"selectItem?.placeholder\"\n :tree-data=\"selectItem.list\"\n @select=\"handleChange\"\n ></a-tree-select>\n </template>\n <template v-else>\n <slot name=\"extra\" v-bind=\"selectItem\" />\n </template>\n </a-input-group>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('')\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n const item = options.item\n const formType = item.showFormType\n // 如果\n if (!formType || formType === 'input' || formType === 'treeSelect') {\n value.value = ''\n } else if (formType === 'range-picker') {\n value.value = [undefined, undefined]\n } else if (formType === 'select') {\n value.value = undefined\n }\n selectItem.value = options.item\n}\n// 整合处理change\nconst handleChange = () => {\n emits('change', selectItem.value?.value as string, value.value)\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n ([selectValue, newData]) => {\n if (newData && newData.length) {\n let firstItem = newData[0]\n const findItem = newData.find(item => item.value === selectValue)\n if (findItem) {\n firstItem = findItem\n }\n selectItem.value = firstItem!\n typeSelectValue.value = selectValue ? selectValue : firstItem.value\n }\n },\n {\n deep: true,\n immediate: true\n }\n)\n\nwatch(\n () => props.value,\n (newV: any) => {\n
|
|
1
|
+
{"version":3,"file":"select-group.vue2.js","sources":["../../../../../packages/components/select-group/src/select-group.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div :class=\"bemContainer.b()\">\n <a-input-group compact>\n <!-- 左侧select -->\n <a-select\n v-model:value=\"typeSelectValue\"\n class=\"select-group-left-select-container\"\n @change=\"handleSelectChange\"\n >\n <a-select-option\n v-for=\"item in data\"\n :key=\"item.name\"\n :value=\"item.value\"\n :item=\"item\"\n >\n {{ item.name }}\n </a-select-option>\n </a-select>\n <!-- 右侧组合表单 -->\n <!-- input输入框 -->\n <template\n v-if=\"\n !selectItem?.showFormType || selectItem?.showFormType === 'input'\n \"\n >\n <a-input\n v-model:value=\"value\"\n :placeholder=\"selectItem?.placeholder\"\n @press-enter=\"handleChange\"\n >\n <template #suffix>\n <ll-icon :icon-name=\"`icon-search`\" @click=\"handleChange\" />\n </template>\n </a-input>\n </template>\n <!-- select下拉框 -->\n <template v-else-if=\"selectItem?.showFormType === 'select'\">\n <a-select\n v-model:value=\"value\"\n popup-class-name=\"select-group-right-select\"\n :options=\"selectItem?.options\"\n :placeholder=\"selectItem?.placeholder\"\n style=\"width: 100%\"\n :field-names=\"selectItem?.fieldNames\"\n @change=\"handleChange\"\n >\n <a-select-option\n v-for=\"item in selectItem.list\"\n :key=\"item.value\"\n :value=\"item.value\"\n >\n {{ item.name }}\n </a-select-option>\n </a-select>\n </template>\n <!-- 日期选择 -->\n <template v-else-if=\"selectItem?.showFormType === 'range-picker'\">\n <a-range-picker v-model:value=\"value\" @change=\"handleChange\" />\n </template>\n <!-- 树选择 -->\n <template v-else-if=\"selectItem?.showFormType === 'treeSelect'\">\n <a-tree-select\n v-model:value=\"value\"\n style=\"width: 100%\"\n :field-names=\"selectItem.fieldNames\"\n :placeholder=\"selectItem?.placeholder\"\n :tree-data=\"selectItem.list\"\n @select=\"handleChange\"\n ></a-tree-select>\n </template>\n <template v-else>\n <slot name=\"extra\" v-bind=\"selectItem\" />\n </template>\n </a-input-group>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { selectGroupProps, selectGroupEmits } from './select-group'\nimport { createNamespace } from '@ll-plus/utils'\n\nimport type { SelectGroupData } from './select-group'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlSelectGroup' })\n\n// 1.props/emits\nconst props = defineProps(selectGroupProps)\nconst emits = defineEmits(selectGroupEmits)\n\n// 3.ref/const\nconst typeSelectValue = ref('1') // selectinput组合select的值\nconst value = ref<any>('')\nconst selectItem = ref<SelectGroupData>() // 选中表单的类型\nconst bem = createNamespace('select-group')\nconst bemContainer = createNamespace('select-group-container')\n\n// 4.methods\n// 第一个select的change\nconst handleSelectChange = (_: string, options: any) => {\n const item = options.item\n const formType = item.showFormType\n // 如果\n if (!formType || formType === 'input' || formType === 'treeSelect') {\n value.value = ''\n } else if (formType === 'range-picker') {\n value.value = [undefined, undefined]\n } else if (formType === 'select') {\n value.value = undefined\n }\n selectItem.value = options.item\n}\n// 整合处理change\nconst handleChange = () => {\n emits('change', selectItem.value?.value as string, value.value)\n}\n\n// 5.watch\n// 已第一个为标准\nwatch(\n () => [props.selectValue, props.data] as [string, SelectGroupData[]],\n ([selectValue, newData]) => {\n if (newData && newData.length) {\n let firstItem = newData[0]\n const findItem = newData.find(item => item.value === selectValue)\n if (findItem) {\n firstItem = findItem\n }\n selectItem.value = firstItem!\n typeSelectValue.value = selectValue ? selectValue : firstItem.value\n }\n },\n {\n deep: true,\n immediate: true\n }\n)\n\nwatch(\n () => props.value,\n (newV: any) => {\n value.value = newV\n },\n {\n immediate: true\n }\n)\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;AA2FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,eAAA,GAAkBA,QAAI,GAAG,CAAA,CAAA;AAC/B,IAAM,MAAA,KAAA,GAAQA,QAAS,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,aAAaA,OAAqB,EAAA,CAAA;AACxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,YAAA,GAAeA,gCAAgB,wBAAwB,CAAA,CAAA;AAI7D,IAAM,MAAA,kBAAA,GAAqB,CAAC,CAAA,EAAW,OAAiB,KAAA;AACtD,MAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,MAAA,MAAM,WAAW,IAAK,CAAA,YAAA,CAAA;AAEtB,MAAA,IAAI,CAAC,QAAA,IAAY,QAAa,KAAA,OAAA,IAAW,aAAa,YAAc,EAAA;AAClE,QAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,OAChB,MAAA,IAAW,aAAa,cAAgB,EAAA;AACtC,QAAM,KAAA,CAAA,KAAA,GAAQ,CAAC,KAAA,CAAA,EAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OACrC,MAAA,IAAW,aAAa,QAAU,EAAA;AAChC,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,OAChB;AACA,MAAA,UAAA,CAAW,QAAQ,OAAQ,CAAA,IAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAU,EAAA,UAAA,CAAW,KAAO,EAAA,KAAA,EAAiB,MAAM,KAAK,CAAA,CAAA;AAAA,KAChE,CAAA;AAIA,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,WAAA,EAAa,MAAM,IAAI,CAAA;AAAA,MACpC,CAAC,CAAC,WAAa,EAAA,OAAO,CAAM,KAAA;AAC1B,QAAI,IAAA,OAAA,IAAW,QAAQ,MAAQ,EAAA;AAC7B,UAAI,IAAA,SAAA,GAAY,QAAQ,CAAC,CAAA,CAAA;AACzB,UAAA,MAAM,WAAW,OAAQ,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,WAAW,CAAA,CAAA;AAChE,UAAA,IAAI,QAAU,EAAA;AACZ,YAAY,SAAA,GAAA,QAAA,CAAA;AAAA,WACd;AACA,UAAA,UAAA,CAAW,KAAQ,GAAA,SAAA,CAAA;AACnB,UAAgB,eAAA,CAAA,KAAA,GAAQ,WAAc,GAAA,WAAA,GAAc,SAAU,CAAA,KAAA,CAAA;AAAA,SAChE;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,IAAc,KAAA;AACb,QAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|