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

XDesign Component for vue-next

{"version":3,"file":"index.mjs","sources":["../../../../node_modules/lodash/upperCase.js","../../../../src/color-picker/panel/format/index.tsx"],"sourcesContent":["var createCompounder = require('./_createCompounder');\n\n/**\n * Converts `string`, as space separated words, to upper case.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the upper cased string.\n * @example\n *\n * _.upperCase('--foo-bar');\n * // => 'FOO BAR'\n *\n * _.upperCase('fooBar');\n * // => 'FOO BAR'\n *\n * _.upperCase('__foo_bar__');\n * // => 'FOO BAR'\n */\nvar upperCase = createCompounder(function(result, word, index) {\n  return result + (index ? ' ' : '') + word.toUpperCase();\n});\n\nmodule.exports = upperCase;\n","import { defineComponent, PropType, ref, watch } from 'vue';\nimport upperCase from 'lodash/upperCase';\nimport { TdColorPickerProps } from '../../type';\nimport props from '../../props';\nimport { FORMATS } from '../../const';\nimport { Color } from '../../utils';\nimport { Select as TSelect, Option as TOption } from '../../../select';\nimport FormatInputs from './inputs';\nimport { useBaseClassName } from '../../hooks';\nimport type { TdSelectInputProps } from '../../../select-input/type';\n\nexport default defineComponent({\n  name: 'FormatPanel',\n  inheritAttrs: false,\n  props: {\n    ...props,\n    color: {\n      type: Object as PropType<Color>,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n    onInputChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const formatModel = ref<TdColorPickerProps['format']>(props.format);\n    watch(\n      () => [props.format],\n      () => (formatModel.value = props.format),\n    );\n\n    /**\n     * 格式化类型改变触发\n     * @param v\n     */\n    const handleModeChange = (v: TdColorPickerProps['format']) => {\n      formatModel.value = v;\n      props.onModeChange(v);\n    };\n\n    return {\n      formatModel,\n      baseClassName,\n      handleModeChange,\n    };\n  },\n  render() {\n    const formats: TdColorPickerProps['format'][] = [...FORMATS];\n    const { baseClassName, handleModeChange } = this;\n    const newProps = {\n      ...this.$props,\n      format: this.formatModel,\n    };\n    const selectInputProps = {\n      ...((this.selectInputProps as Object) || {}),\n    };\n    return (\n      <div class={`${baseClassName}__format`}>\n        <div class={`${baseClassName}__format--item`}>\n          <TSelect\n            size=\"small\"\n            class={`${baseClassName}__format-mode-select`}\n            {...selectInputProps}\n            popupProps={{\n              overlayClassName: `${baseClassName}__select-options`,\n              ...(selectInputProps as TdSelectInputProps).popupProps,\n            }}\n            v-model={this.formatModel}\n            onChange={handleModeChange}\n          >\n            {formats.map((item) => (\n              <TOption key={item} value={item} label={upperCase(item)} style={{ fontSize: '12px' }} />\n            ))}\n          </TSelect>\n        </div>\n        <div class={`${baseClassName}__format--item`}>\n          <FormatInputs {...newProps} />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["createCompounder","require$$0","upperCase","result","word","index","toUpperCase","upperCase_1","_isVNode","name","inheritAttrs","props","color","type","onModeChange","onInputChange","watch","formatModel","baseClassName","handleModeChange","_createVNode","TSelect","_mergeProps","fontSize"],"mappings":"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"}