{"version":3,"file":"element-align.vue2.mjs","sources":["../../../../../../../src/components/content/toolbar/toolbar-style/element-align.vue"],"sourcesContent":["<template>\n    <div class=\"align-down-list-panel\">\n        \n        <div v-for=\"(elementAlignChildList, index) in dataList\">\n            <div class=\"align-down-list-panel__item\"\n                 v-for=\"(elementAlign) in elementAlignChildList\"\n                 @click=\"click(elementAlign)\">\n                \n                <my-icon v-if=\"showSelectedStatus\"\n                         class=\"align-down-list-panel__item__select iconfont icon-duihao\"\n                         :class=\"{'my-hidden': modelValue != elementAlign.value}\">\n                </my-icon>\n                \n                <i class=\"align-down-list-panel__item__icon\" v-if=\"elementAlign.icon\"\n                   :class=\"elementAlign.icon\" />\n                \n                <div class=\"align-down-list-panel__item__content user-select-none\">\n                    {{ elementAlign.label }}\n                </div>\n            </div>\n            \n            <div v-if=\"index < dataList.length - 1\"\n                 class=\"align-down-list-panel__divider\" />\n        </div>\n    \n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { DownList } from '@myprint/design/types/entity';\nimport MyIcon from '@myprint/design/components/my/icon/my-icon.vue';\nimport { computed } from 'vue-demi';\n\nconst emit = defineEmits(['update:modelValue', 'change', 'click']);\n\nconst props = withDefaults(defineProps<{\n        showSelectedStatus?: boolean,\n        modelValue?: any,\n        elementAlignList: DownList[][],\n    }>(),\n    {\n        modelValue: null,\n        showSelectedStatus: false,\n        elementAlignList: () => [] as DownList[][]\n    });\n\nconst dataList = computed(() => {\n    if (!props.elementAlignList || props.elementAlignList.length == 0) {\n        return [] as DownList[][];\n    }\n    if (props.elementAlignList[0] instanceof Array) {\n        return props.elementAlignList;\n    } else {\n        return [props.elementAlignList as any] as DownList[][];\n    }\n});\n\nfunction click(elementAlign: DownList) {\n    if (elementAlign.click) {\n        elementAlign.click();\n    } else {\n        if (props.modelValue != elementAlign.value) {\n            emit('update:modelValue', elementAlign.value);\n            emit('change', elementAlign);\n        }\n    }\n}\n\n</script>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAWd,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC5B,MAAA,IAAI,CAAC,KAAM,CAAA,gBAAA,IAAoB,KAAM,CAAA,gBAAA,CAAiB,UAAU,CAAG,EAAA;AAC/D,QAAA,OAAO,EAAC,CAAA;AAAA,OACZ;AACA,MAAI,IAAA,KAAA,CAAM,gBAAiB,CAAA,CAAA,CAAA,YAAc,KAAO,EAAA;AAC5C,QAAA,OAAO,KAAM,CAAA,gBAAA,CAAA;AAAA,OACV,MAAA;AACH,QAAO,OAAA,CAAC,MAAM,gBAAuB,CAAA,CAAA;AAAA,OACzC;AAAA,KACH,CAAA,CAAA;AAED,IAAA,SAAS,MAAM,YAAwB,EAAA;AACnC,MAAA,IAAI,aAAa,KAAO,EAAA;AACpB,QAAA,YAAA,CAAa,KAAM,EAAA,CAAA;AAAA,OAChB,MAAA;AACH,QAAI,IAAA,KAAA,CAAM,UAAc,IAAA,YAAA,CAAa,KAAO,EAAA;AACxC,UAAK,IAAA,CAAA,mBAAA,EAAqB,aAAa,KAAK,CAAA,CAAA;AAC5C,UAAA,IAAA,CAAK,UAAU,YAAY,CAAA,CAAA;AAAA,SAC/B;AAAA,OACJ;AAAA,KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}