xdesign-vue-next/es/color-picker/panel/header.mjs.map

XDesign Component for vue-next

{"version":3,"file":"header.mjs","sources":["../../../src/color-picker/panel/header.tsx"],"sourcesContent":["import { defineComponent, PropType, ref, watch } from 'vue';\n\nimport props from '../props';\nimport { COLOR_MODES } from '../const';\nimport { RadioGroup as TRadioGroup, RadioButton as TRadioButton } from '../../radio';\nimport { TdColorModes } from '../interfaces';\nimport { useBaseClassName } from '../hooks';\n\nexport default defineComponent({\n  name: 'PanelHeader',\n  props: {\n    ...props,\n    mode: {\n      type: String as PropType<TdColorModes>,\n      default: 'color',\n    },\n    togglePopup: {\n      type: Function,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const modeValue = ref(props.mode);\n    const handleModeChange = (v: string) => props.onModeChange(v);\n    watch(\n      () => props.mode,\n      (v) => (modeValue.value = v),\n    );\n    return {\n      baseClassName,\n      modeValue,\n      handleModeChange,\n    };\n  },\n  render() {\n    if (this.colorModes?.length === 1) {\n      return null;\n    }\n    const { baseClassName } = this;\n    return (\n      <div class={`${baseClassName}__head`}>\n        <div class={`${baseClassName}__mode`}>\n          {this.colorModes?.length === 1 ? (\n            COLOR_MODES[this.colorModes[0]]\n          ) : (\n            <TRadioGroup\n              variant=\"default-filled\"\n              size=\"small\"\n              v-model={this.modeValue}\n              onChange={this.handleModeChange}\n            >\n              {Object.keys(COLOR_MODES).map((key) => (\n                <TRadioButton key={key} value={key}>\n                  {COLOR_MODES[key]}\n                </TRadioButton>\n              ))}\n            </TRadioGroup>\n          )}\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isVNode","name","props","mode","type","togglePopup","onModeChange","watch","baseClassName","modeValue","handleModeChange","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMiC,SAAA,OAAA,CAAA,CAAA,EAAA;AAAA,EAAA,OAAA,OAAA,CAAA,KAAA,UAAA,IAAA,MAAA,CAAA,SAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA,CAAA,KAAA,iBAAA,IAAA,CAAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA;AAEjC,kBAAA,eAAA,CAAA;AACEC,EAAAA,IAAAA,EAAAA,aAAAA;AACAC,EAAAA,KAAAA,EAAAA,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,KAAAA,CAAAA,EAAAA,EAAAA,EAAAA;AAEEC,IAAAA,IAAAA,EAAAA;AACEC,MAAAA,IAAAA,EAAAA,MAAAA;;;AAGFC,IAAAA,WAAAA,EAAAA;AACED,MAAAA,IAAAA,EAAAA,QAAAA;;AAEFE,IAAAA,YAAAA,EAAAA;AACEF,MAAAA,IAAAA,EAAAA,QAAAA;;;AAGA,OAAA;AACF,KAAA;;;AAGA,IAAA,IAAA,aAAA,GAAA,gBAAA,EAAA,CAAA;AACM,IAAA,IAAA,SAAA,GAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;AACN,IAAA,IAAA,gBAAA,GAAA,SAAA,gBAAA,CAAA,CAAA,EAAA;AAAwCF,MAAAA,OAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAAoB,KAAA,CAAA;AAC5DK,IAAAA,KAAAA,CAAAA,YAAAA;;AACc,KAAA,EAAA,UAAA,CAAA,EAAA;AACJ,MAAA,OAAA,SAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAkB,KAAA,CAAA,CAAA;;AAG1BC,MAAAA,aAAAA,EAAAA,aAAAA;AACAC,MAAAA,SAAAA,EAAAA,SAAAA;AACAC,MAAAA,gBAAAA,EAAAA,gBAAAA;;;;AAGK,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,IAAA,gBAAA;;;AACH,IAAA,IAAA,CAAA,CAAA,gBAAA,GAAA,IAAA,CAAA,UAAA,MAAA,IAAA,IAAA,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,MAAA,MAAA,CAAA,EAAA;AACK,MAAA,OAAA,IAAA,CAAA;AACT,KAAA;AACM,IAAA,IAAA,aAAA,GAAA,IAAA,CAAA,aAAA,CAAA;AAEJ,IAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;;AAAe,KAAA,EAAA,CAAAA,WAAA,CAAA,KAAA,EAAA;;;AAKT,MAAA,SAAA,EAAA,gBAAA;AACU,MAAA,MAAA,EAAA,OAAA;;;;;;AAKP,KAAA,EAAA,OAAA,CAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,WAAA,CAAA,CAAA,GAAA,CAAA,UAAA,GAAA,EAAA;;AACC,QAAA,KAAA,EAAA,GAAA;;AAA+B,OAAA,EAAA;AAAA,QAAA,SAAA,EAAA,SAAA,QAAA,GAAA;;AAChB,SAAA;AAAA,OAAA,CAAA,CAAA;;;;;;AAQ7B,GAAA;AACF,CAAA,CAAA;;;;"}