{"version":3,"file":"font-family.vue2.mjs","sources":["../../../../../../../src/components/content/toolbar/toolbar-style/font-family.vue"],"sourcesContent":["<template>\n    <div class=\"my-style-font-wrapper display-flex cursor-pointer user-select-none\"\n         :class=\"{'my-icon-disabled': disabled}\">\n        <tool-icon-popover\n            :disabled=\"!hasStyle(multipleElementGetValue('type'), 'background')\">\n            <template #reference>\n                <div class=\"my-style-font\">\n                    {{ data.fontFamilyName }}\n                </div>\n            </template>\n            <template #panel>\n                <element-align :model-value=\"data.fontFamily\"\n                               showSelectedStatus\n                               :elementAlignList=\"fontList\"\n                               @update:model-value=\"changeFontFamily\" />\n            </template>\n        \n        </tool-icon-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { fontList, hasStyle } from '@myprint/design/constants/common';\nimport { multipleElementGetValue, multipleElementSetValue } from '@myprint/design/utils/elementUtil';\nimport { reactive, watch } from 'vue-demi';\nimport ElementAlign from '@myprint/design/components/content/toolbar/toolbar-style/element-align.vue';\nimport ToolIconPopover from '@myprint/design/components/my/icon/tool-icon-popover.vue';\nimport { useAppStoreHook } from '@myprint/design/stores/app';\nimport { getFontFamilyName } from '@myprint/design/utils/utils';\n\nconst appStore = useAppStoreHook();\n\nwithDefaults(defineProps<{\n        disabled?: boolean\n    }>(),\n    {\n        disabled: false\n    });\n\nconst data = reactive({\n    fontFamily: 'default',\n    fontFamilyName: '默认'\n});\n\n\nwatch(() => appStore.currentElement, (_n, _o) => {\n    const fontFamily = multipleElementGetValue('option.fontFamily');\n    if (fontFamily != undefined) {\n        data.fontFamily = fontFamily;\n        data.fontFamilyName = getFontFamilyName(fontFamily);\n    }\n});\n\nfunction changeFontFamily(fontFamily: string) {\n    multipleElementSetValue('option.fontFamily', fontFamily);\n    data.fontFamily = fontFamily;\n    data.fontFamilyName = getFontFamilyName(fontFamily);\n    \n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AASjC,IAAA,MAAM,OAAO,QAAS,CAAA;AAAA,MAClB,UAAY,EAAA,SAAA;AAAA,MACZ,cAAgB,EAAA,cAAA;AAAA,KACnB,CAAA,CAAA;AAGD,IAAA,KAAA,CAAM,MAAM,QAAA,CAAS,cAAgB,EAAA,CAAC,IAAI,EAAO,KAAA;AAC7C,MAAM,MAAA,UAAA,GAAa,wBAAwB,mBAAmB,CAAA,CAAA;AAC9D,MAAA,IAAI,cAAc,KAAW,CAAA,EAAA;AACzB,QAAA,IAAA,CAAK,UAAa,GAAA,UAAA,CAAA;AAClB,QAAK,IAAA,CAAA,cAAA,GAAiB,kBAAkB,UAAU,CAAA,CAAA;AAAA,OACtD;AAAA,KACH,CAAA,CAAA;AAED,IAAA,SAAS,iBAAiB,UAAoB,EAAA;AAC1C,MAAA,uBAAA,CAAwB,qBAAqB,UAAU,CAAA,CAAA;AACvD,MAAA,IAAA,CAAK,UAAa,GAAA,UAAA,CAAA;AAClB,MAAK,IAAA,CAAA,cAAA,GAAiB,kBAAkB,UAAU,CAAA,CAAA;AAAA,KAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}