@veltra/desktop 1.1.25 → 1.1.27

package/dist/components/number/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","names":[],"sources":["../../../src/components/number/number.vue"],"sourcesContent":["<template>\n  {{ formatted }}\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { Tween } from '@veltra/utils'\nimport { computed, reactive, watch } from 'vue'\n\nimport type { NumberProps } from '../../types'\n\ndefineOptions({\n  name: 'Number'\n})\n\nconst props = withDefaults(defineProps<NumberProps>(), {\n  duration: 800,\n  format: 'decimal'\n})\n\nconst number = reactive({\n  value: 0\n})\n\nconst tween = computed(() =>\n  props.tween\n    ? new Tween(number, {\n        duration: props.duration,\n        easingFunction: Tween.easing.easeInOutQuad\n      })\n    : null\n)\n\nconst formatter = computed(() => {\n  return $n.formatter({\n    currency: props.format === 'currency' ? 'CNY' : undefined,\n    style: props.format,\n    precision: props.precision,\n    maximumFractionDigits: props.maxPrecision,\n    minimumFractionDigits: props.minPrecision\n  })\n})\n\nconst formatted = computed(() => {\n  return formatter.value.format(number.value)\n})\n\nwatch(\n  () => props.value,\n  () => {\n    props.tween ? tween.value.to({ value: props.value }) : (number.value = props.value)\n  },\n  { immediate: true }\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAKd,MAAM,SAAS,SAAS,EACtB,OAAO,GACR,CAAA;EAED,MAAM,QAAQ,eACZ,MAAM,QACF,IAAI,MAAM,QAAQ;GAChB,UAAU,MAAM;GAChB,gBAAgB,MAAM,OAAO;GAC9B,CAAA,GACD,KACN;EAEA,MAAM,YAAY,eAAe;GAC/B,OAAO,GAAG,UAAU;IAClB,UAAU,MAAM,WAAW,aAAa,QAAQ,KAAA;IAChD,OAAO,MAAM;IACb,WAAW,MAAM;IACjB,uBAAuB,MAAM;IAC7B,uBAAuB,MAAM;IAC9B,CAAA;IACF;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAO,OAAO,MAAK;IAC3C;EAED,YACQ,MAAM,aACN;GACJ,MAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,OAAO,CAAA,GAAK,OAAO,QAAQ,MAAM;KAE/E,EAAE,WAAW,MACf,CAAA;;0BApDK,UAAA,MAAS"}
+{"version":3,"file":"number.js","names":[],"sources":["../../../src/components/number/number.vue"],"sourcesContent":["<template>\n  {{ formatted }}\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { Tween } from '@veltra/utils'\nimport { computed, reactive, watch } from 'vue'\n\nimport type { NumberProps } from '../../types'\n\ndefineOptions({ name: 'Number' })\n\nconst props = withDefaults(defineProps<NumberProps>(), { duration: 800, format: 'decimal' })\n\nconst number = reactive({ value: 0 })\n\nconst tween = computed(() =>\n  props.tween\n    ? new Tween(number, { duration: props.duration, easingFunction: Tween.easing.easeInOutQuad })\n    : null\n)\n\nconst formatter = computed(() => {\n  return $n.formatter({\n    currency: props.format === 'currency' ? 'CNY' : undefined,\n    style: props.format,\n    precision: props.precision,\n    maximumFractionDigits: props.maxPrecision,\n    minimumFractionDigits: props.minPrecision\n  })\n})\n\nconst formatted = computed(() => {\n  return formatter.value.format(number.value)\n})\n\nwatch(\n  () => props.value,\n  () => {\n    props.tween ? tween.value.to({ value: props.value }) : (number.value = props.value)\n  },\n  { immediate: true }\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAEd,MAAM,SAAS,SAAS,EAAE,OAAO,GAAG,CAAA;EAEpC,MAAM,QAAQ,eACZ,MAAM,QACF,IAAI,MAAM,QAAQ;GAAE,UAAU,MAAM;GAAU,gBAAgB,MAAM,OAAO;GAAe,CAAA,GAC1F,KACN;EAEA,MAAM,YAAY,eAAe;GAC/B,OAAO,GAAG,UAAU;IAClB,UAAU,MAAM,WAAW,aAAa,QAAQ,KAAA;IAChD,OAAO,MAAM;IACb,WAAW,MAAM;IACjB,uBAAuB,MAAM;IAC7B,uBAAuB,MAAM;IAC9B,CAAA;IACF;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAO,OAAO,MAAK;IAC3C;EAED,YACQ,MAAM,aACN;GACJ,MAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,OAAO,CAAA,GAAK,OAAO,QAAQ,MAAM;KAE/E,EAAE,WAAW,MACf,CAAA;;0BA1CK,UAAA,MAAS"}

package/dist/components/number/number.vue.d.ts

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region src/components/number/number.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NumberProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NumberProps> & Readonly<{}>, {
-  duration: number;
   format: "currency" | "percent" | "decimal";
+  duration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":[],"sources":["../../../src/components/number-input/number-input.vue"],"sourcesContent":["<template>\n  <u-input\n    v-if=\"!readonly\"\n    ref=\"inputRef\"\n    :class=\"className\"\n    :model-value=\"displayed\"\n    v-bind=\"inputProps\"\n    @update:model-value=\"handleUpdateModelValue\"\n    @change=\"handleChange\"\n    @keydown.stop=\"handleKeydown\"\n    @focus=\"handleFocus\"\n    @blur=\"handleBlur\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    :size=\"size\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :clearable=\"false\"\n  >\n    <template #suffix v-if=\"hasSuffix\">\n      <span :class=\"cls.e('suffix')\">\n        <u-icon\n          v-if=\"props.clearable\"\n          :class=\"[cls.e('clear'), bem.is('hidden', !showClear)]\"\n          :title=\"showClear ? '清除' : undefined\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </u-icon>\n        <span v-if=\"hasCustomSuffix\" :class=\"cls.e('suffix-content')\">\n          {{ suffix }}\n          <slot name=\"suffix\" />\n        </span>\n      </span>\n\n      <div v-if=\"showStep\" :class=\"cls.e('step')\">\n        <u-icon\n          @click=\"increase\"\n          v-ripple=\"!disabled && increasable\"\n          :class=\"bem.is('disabled', disabled || !increasable)\"\n        >\n          <ArrowUp />\n        </u-icon>\n        <u-icon\n          @click=\"decrease\"\n          v-ripple=\"!disabled && reducible\"\n          :class=\"bem.is('disabled', disabled || !reducible)\"\n        >\n          <ArrowDown />\n        </u-icon>\n      </div>\n    </template>\n\n    <template #prefix v-if=\"slots.prefix\">\n      <slot name=\"prefix\" />\n    </template>\n  </u-input>\n\n  <template v-else>\n    {{ generateDisplayed || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n, n, o, isUndef } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { ArrowDown, ArrowUp, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, Tween } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { NumberInputEmits, NumberInputProps, InputExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({\n  name: 'NumberInput'\n})\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\nconst emit = defineEmits<NumberInputEmits>()\n\nconst slots = defineSlots<{\n  prefix?: () => any\n  suffix?: () => any\n}>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst inputProps = computed(() => {\n  return o(props).pick(['disabled', 'placeholder', 'size', 'prefix'])\n})\n\nconst inputRef = shallowRef<InputExposed>()\n\nconst inputDom = computed(() => inputRef.value?.el)\n\nconst cls = bem('number-input')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/** 实际值 */\nconst model = defineModel<NumberInputProps['modelValue']>()\n\n// 展示值\nconst displayed = shallowRef('')\n\nconst focused = shallowRef(false)\nconst hovered = shallowRef(false)\n\nconst generateDisplayed = computed(() => {\n  if (!displayed.value) return ''\n\n  return `${props.prefix ?? ''}${displayed.value}${props.suffix ?? ''}`\n})\n\nconst showStep = computed(() => props.step !== undefined && props.step !== false)\n\nconst hasCustomSuffix = computed(() => !!props.suffix || !!slots.suffix)\n\nconst hasSuffix = computed(() => props.clearable || hasCustomSuffix.value || showStep.value)\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && displayed.value !== '' && hovered.value\n})\n\n/** 步长 */\nconst stepVal = computed<number>(() => {\n  const { step } = props\n  if (step === undefined) return 1\n  return typeof step === 'boolean' ? 1 : step\n})\n\n/** 是否可增 */\nconst increasable = computed(() => {\n  const { max, multiple } = props\n  if (isUndef(max) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue < max\n})\n\n/** 是否可减 */\nconst reducible = computed(() => {\n  const { min, multiple } = props\n  if (isUndef(min) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue > min\n})\n\n// 通过值和步长值计算默认的最大精度\nconst defaultMaxPrecision = computed(() => {\n  const { multiple } = props\n  // 如果存在倍数，基于原始值计算精度\n  const rawValue =\n    multiple && model.value !== undefined ? $n.div(model.value, multiple) : model.value\n  return Math.max(\n    String(rawValue).split('.')[1]?.length ?? 0,\n    String(stepVal.value).split('.')[1]?.length ?? 0\n  )\n})\n\n/**\n * 获取展示值\n * @param num 实际值\n */\nfunction getDisplayed(num?: number): string {\n  if (!num && num !== 0) return ''\n\n  const {\n    currency,\n    precision,\n    minPrecision,\n    // 如果没有指定最大精度那么设置默认为值和步长值中的较大值\n    maxPrecision = defaultMaxPrecision.value,\n    multiple\n  } = props\n\n  // 如果存在倍数，先将实际值除以倍数得到原始值\n  const displayValue = multiple ? $n.div(num, multiple) : num\n\n  return currency\n    ? n(displayValue).currency('CNY', {\n        precision,\n        minPrecision,\n        maxPrecision\n      })\n    : n(displayValue).fixed(\n        precision ?? {\n          minPrecision,\n          maxPrecision\n        }\n      )\n}\n\nwatch(\n  [model, focused, () => props.currency],\n  ([modelValue, inputFocused]) => {\n    if (inputFocused) return\n    displayed.value = getDisplayed(modelValue)\n  },\n  { immediate: true }\n)\n\n/**\n * 解析展示值\n * @param str 展示值\n */\nfunction parseDisplayed(str: string): number | undefined {\n  if (!str) return undefined\n\n  // 将货币格式去掉再转化为数字\n  const number = +str.replace(/,/g, '')\n  const { multiple } = props\n\n  // 如果解析失败，使用当前值作为回退\n  // 如果存在倍数，需要先将 model.value 除以倍数得到原始值\n  let result: number | undefined\n  if (isNaN(number)) {\n    if (model.value === undefined) return undefined\n    result = multiple ? $n.div(model.value, multiple) : model.value\n  } else {\n    result = number\n  }\n\n  if (result === undefined) return undefined\n\n  const { precision, maxPrecision, minPrecision } = props\n\n  const fixedResult = +n(result).fixed(\n    precision ?? {\n      minPrecision,\n      maxPrecision\n    }\n  )\n\n  // 如果存在倍数，将原始值乘以倍数返回实际值\n  return multiple ? $n.mul(fixedResult, multiple) : fixedResult\n}\n\n/**\n * 获取有效值\n * @param val 值\n */\nfunction getValidValue<T extends undefined | number>(val: T): T {\n  if (val === undefined) return val\n  const { min, max, multiple } = props\n\n  // 如果存在倍数，先将值除以倍数得到原始值进行验证，验证后再乘以倍数\n  if (multiple) {\n    const rawVal = $n.div(val, multiple)\n    let validRawVal = rawVal\n    if (min !== undefined && rawVal < min) validRawVal = min\n    if (max !== undefined && rawVal > max) validRawVal = max\n    return $n.mul(validRawVal, multiple) as T\n  }\n\n  if (min !== undefined && val < min) return min as T\n  if (max !== undefined && val > max) return max as T\n  return val\n}\n\nfunction handleUpdateModelValue(input: string): void {\n  const newVal = parseDisplayed(input)\n  model.value = getValidValue(newVal)\n  displayed.value = input\n}\n\nfunction handleClear(): void {\n  if (!showClear.value) return\n  model.value = undefined\n  displayed.value = ''\n  emit('clear')\n}\n\n/**\n * 处理输入值变化的函数, 该函数仅在输入框失去焦点时触发,\n * 主要用于在输入非数字的情况下的修正处理\n * @param input 输入的值\n */\nfunction handleChange() {\n  emit('change', model.value)\n}\n\nconst tween = new Tween(\n  { n: model.value ?? 0 },\n  {\n    onUpdate(state) {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      const { multiple } = props\n      // 如果存在倍数，tween.state.n 存储的是原始值，需要乘以倍数后传给 getDisplayed\n      const actualValue = multiple ? $n.mul(state.n, multiple) : state.n\n      _rawInput.value = getDisplayed(actualValue)\n    },\n    // 动画进行的过程值有可能被改变, 因此在onComplete中确保还原的是原本的值\n    onComplete() {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      _rawInput.value = getDisplayed(model.value)\n    }\n  }\n)\n\n/** 增 */\nfunction increase(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上加步长\n    const newRawVal = $n.plus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.plus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\n/** 减 */\nfunction decrease(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上减步长\n    const newRawVal = $n.minus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.minus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\nfunction handleKeydown(e: KeyboardEvent): void {\n  if (!props.step) return\n  if (e.key === 'ArrowUp') {\n    e.preventDefault()\n    return increase()\n  }\n  if (e.key === 'ArrowDown') {\n    e.preventDefault()\n    return decrease()\n  }\n}\n\nfunction handleFocus(): void {\n  focused.value = true\n\n  // 如果初始值和当前设置的精度不匹配则进行精度修正\n  if (model.value === undefined) return\n  const { precision, maxPrecision, minPrecision, multiple } = props\n\n  if (multiple) {\n    // 如果存在倍数，先除以倍数得到原始值进行精度修正，再乘以倍数\n    const rawVal = $n.div(model.value, multiple)\n    const fixedRawVal = +n(rawVal).fixed(\n      precision ?? {\n        maxPrecision,\n        minPrecision\n      }\n    )\n    model.value = $n.mul(fixedRawVal, multiple)\n  } else {\n    model.value = +n(model.value).fixed(\n      precision ?? {\n        maxPrecision,\n        minPrecision\n      }\n    )\n  }\n}\n\nfunction handleBlur(): void {\n  focused.value = false\n  model.value = props.modelValue\n}\n\nfunction handleMouseEnter(): void {\n  hovered.value = true\n}\n\nfunction handleMouseLeave(): void {\n  hovered.value = false\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"number-input.js","names":[],"sources":["../../../src/components/number-input/number-input.vue"],"sourcesContent":["<template>\n  <u-input\n    v-if=\"!readonly\"\n    ref=\"inputRef\"\n    :class=\"className\"\n    :model-value=\"displayed\"\n    v-bind=\"inputProps\"\n    @update:model-value=\"handleUpdateModelValue\"\n    @change=\"handleChange\"\n    @keydown.stop=\"handleKeydown\"\n    @focus=\"handleFocus\"\n    @blur=\"handleBlur\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    :size=\"size\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :clearable=\"false\"\n  >\n    <template #suffix v-if=\"hasSuffix\">\n      <span :class=\"cls.e('suffix')\">\n        <u-icon\n          v-if=\"props.clearable\"\n          :class=\"[cls.e('clear'), bem.is('hidden', !showClear)]\"\n          :title=\"showClear ? '清除' : undefined\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </u-icon>\n        <span v-if=\"hasCustomSuffix\" :class=\"cls.e('suffix-content')\">\n          {{ suffix }}\n          <slot name=\"suffix\" />\n        </span>\n      </span>\n\n      <div v-if=\"showStep\" :class=\"cls.e('step')\">\n        <u-icon\n          @click=\"increase\"\n          v-ripple=\"!disabled && increasable\"\n          :class=\"bem.is('disabled', disabled || !increasable)\"\n        >\n          <ArrowUp />\n        </u-icon>\n        <u-icon\n          @click=\"decrease\"\n          v-ripple=\"!disabled && reducible\"\n          :class=\"bem.is('disabled', disabled || !reducible)\"\n        >\n          <ArrowDown />\n        </u-icon>\n      </div>\n    </template>\n\n    <template #prefix v-if=\"slots.prefix\">\n      <slot name=\"prefix\" />\n    </template>\n  </u-input>\n\n  <template v-else>\n    {{ generateDisplayed || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n, n, o, isUndef } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { ArrowDown, ArrowUp, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, Tween } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { NumberInputEmits, NumberInputProps, InputExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'NumberInput' })\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\nconst emit = defineEmits<NumberInputEmits>()\n\nconst slots = defineSlots<{ prefix?: () => any; suffix?: () => any }>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst inputProps = computed(() => {\n  return o(props).pick(['disabled', 'placeholder', 'size', 'prefix'])\n})\n\nconst inputRef = shallowRef<InputExposed>()\n\nconst inputDom = computed(() => inputRef.value?.el)\n\nconst cls = bem('number-input')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/** 实际值 */\nconst model = defineModel<NumberInputProps['modelValue']>()\n\n// 展示值\nconst displayed = shallowRef('')\n\nconst focused = shallowRef(false)\nconst hovered = shallowRef(false)\n\nconst generateDisplayed = computed(() => {\n  if (!displayed.value) return ''\n\n  return `${props.prefix ?? ''}${displayed.value}${props.suffix ?? ''}`\n})\n\nconst showStep = computed(() => props.step !== undefined && props.step !== false)\n\nconst hasCustomSuffix = computed(() => !!props.suffix || !!slots.suffix)\n\nconst hasSuffix = computed(() => props.clearable || hasCustomSuffix.value || showStep.value)\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && displayed.value !== '' && hovered.value\n})\n\n/** 步长 */\nconst stepVal = computed<number>(() => {\n  const { step } = props\n  if (step === undefined) return 1\n  return typeof step === 'boolean' ? 1 : step\n})\n\n/** 是否可增 */\nconst increasable = computed(() => {\n  const { max, multiple } = props\n  if (isUndef(max) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue < max\n})\n\n/** 是否可减 */\nconst reducible = computed(() => {\n  const { min, multiple } = props\n  if (isUndef(min) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue > min\n})\n\n// 通过值和步长值计算默认的最大精度\nconst defaultMaxPrecision = computed(() => {\n  const { multiple } = props\n  // 如果存在倍数，基于原始值计算精度\n  const rawValue =\n    multiple && model.value !== undefined ? $n.div(model.value, multiple) : model.value\n  return Math.max(\n    String(rawValue).split('.')[1]?.length ?? 0,\n    String(stepVal.value).split('.')[1]?.length ?? 0\n  )\n})\n\n/**\n * 获取展示值\n * @param num 实际值\n */\nfunction getDisplayed(num?: number): string {\n  if (!num && num !== 0) return ''\n\n  const {\n    currency,\n    precision,\n    minPrecision,\n    // 如果没有指定最大精度那么设置默认为值和步长值中的较大值\n    maxPrecision = defaultMaxPrecision.value,\n    multiple\n  } = props\n\n  // 如果存在倍数，先将实际值除以倍数得到原始值\n  const displayValue = multiple ? $n.div(num, multiple) : num\n\n  return currency\n    ? n(displayValue).currency('CNY', { precision, minPrecision, maxPrecision })\n    : n(displayValue).fixed(precision ?? { minPrecision, maxPrecision })\n}\n\nwatch(\n  [model, focused, () => props.currency],\n  ([modelValue, inputFocused]) => {\n    if (inputFocused) return\n    displayed.value = getDisplayed(modelValue)\n  },\n  { immediate: true }\n)\n\n/**\n * 解析展示值\n * @param str 展示值\n */\nfunction parseDisplayed(str: string): number | undefined {\n  if (!str) return undefined\n\n  // 将货币格式去掉再转化为数字\n  const number = +str.replace(/,/g, '')\n  const { multiple } = props\n\n  // 如果解析失败，使用当前值作为回退\n  // 如果存在倍数，需要先将 model.value 除以倍数得到原始值\n  let result: number | undefined\n  if (isNaN(number)) {\n    if (model.value === undefined) return undefined\n    result = multiple ? $n.div(model.value, multiple) : model.value\n  } else {\n    result = number\n  }\n\n  if (result === undefined) return undefined\n\n  const { precision, maxPrecision, minPrecision } = props\n\n  const fixedResult = +n(result).fixed(precision ?? { minPrecision, maxPrecision })\n\n  // 如果存在倍数，将原始值乘以倍数返回实际值\n  return multiple ? $n.mul(fixedResult, multiple) : fixedResult\n}\n\n/**\n * 获取有效值\n * @param val 值\n */\nfunction getValidValue<T extends undefined | number>(val: T): T {\n  if (val === undefined) return val\n  const { min, max, multiple } = props\n\n  // 如果存在倍数，先将值除以倍数得到原始值进行验证，验证后再乘以倍数\n  if (multiple) {\n    const rawVal = $n.div(val, multiple)\n    let validRawVal = rawVal\n    if (min !== undefined && rawVal < min) validRawVal = min\n    if (max !== undefined && rawVal > max) validRawVal = max\n    return $n.mul(validRawVal, multiple) as T\n  }\n\n  if (min !== undefined && val < min) return min as T\n  if (max !== undefined && val > max) return max as T\n  return val\n}\n\nfunction handleUpdateModelValue(input: string): void {\n  const newVal = parseDisplayed(input)\n  model.value = getValidValue(newVal)\n  displayed.value = input\n}\n\nfunction handleClear(): void {\n  if (!showClear.value) return\n  model.value = undefined\n  displayed.value = ''\n  emit('clear')\n}\n\n/**\n * 处理输入值变化的函数, 该函数仅在输入框失去焦点时触发,\n * 主要用于在输入非数字的情况下的修正处理\n * @param input 输入的值\n */\nfunction handleChange() {\n  emit('change', model.value)\n}\n\nconst tween = new Tween(\n  { n: model.value ?? 0 },\n  {\n    onUpdate(state) {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      const { multiple } = props\n      // 如果存在倍数，tween.state.n 存储的是原始值，需要乘以倍数后传给 getDisplayed\n      const actualValue = multiple ? $n.mul(state.n, multiple) : state.n\n      _rawInput.value = getDisplayed(actualValue)\n    },\n    // 动画进行的过程值有可能被改变, 因此在onComplete中确保还原的是原本的值\n    onComplete() {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      _rawInput.value = getDisplayed(model.value)\n    }\n  }\n)\n\n/** 增 */\nfunction increase(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上加步长\n    const newRawVal = $n.plus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.plus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\n/** 减 */\nfunction decrease(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上减步长\n    const newRawVal = $n.minus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.minus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\nfunction handleKeydown(e: KeyboardEvent): void {\n  if (!props.step) return\n  if (e.key === 'ArrowUp') {\n    e.preventDefault()\n    return increase()\n  }\n  if (e.key === 'ArrowDown') {\n    e.preventDefault()\n    return decrease()\n  }\n}\n\nfunction handleFocus(): void {\n  focused.value = true\n\n  // 如果初始值和当前设置的精度不匹配则进行精度修正\n  if (model.value === undefined) return\n  const { precision, maxPrecision, minPrecision, multiple } = props\n\n  if (multiple) {\n    // 如果存在倍数，先除以倍数得到原始值进行精度修正，再乘以倍数\n    const rawVal = $n.div(model.value, multiple)\n    const fixedRawVal = +n(rawVal).fixed(precision ?? { maxPrecision, minPrecision })\n    model.value = $n.mul(fixedRawVal, multiple)\n  } else {\n    model.value = +n(model.value).fixed(precision ?? { maxPrecision, minPrecision })\n  }\n}\n\nfunction handleBlur(): void {\n  focused.value = false\n  model.value = props.modelValue\n}\n\nfunction handleMouseEnter(): void {\n  hovered.value = true\n}\n\nfunction handleMouseLeave(): void {\n  hovered.value = false\n}\n</script>\n"],"mappings":"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"}

package/dist/components/number-range-input/number-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-range-input.js","names":[],"sources":["../../../src/components/number-range-input/number-range-input.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\">\n    <u-number-input\n      v-model=\"startModel\"\n      :placeholder=\"startPlaceholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :size=\"size\"\n      v-bind=\"numberInputBind\"\n      @change=\"emitChange\"\n    />\n    <span :class=\"cls.e('separator')\">{{ separator }}</span>\n    <u-number-input\n      v-model=\"endModel\"\n      :placeholder=\"endPlaceholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :size=\"size\"\n      v-bind=\"numberInputBind\"\n      @change=\"emitChange\"\n    />\n  </div>\n\n  <template v-else>\n    {{ readonlyText || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n, $n, o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'\n\nimport type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'\nimport { UNumberInput } from '../number-input'\n\ndefineOptions({\n  name: 'NumberRangeInput'\n})\n\nconst props = withDefaults(defineProps<NumberRangeInputProps>(), {\n  startPlaceholder: '请输入',\n  endPlaceholder: '请输入',\n  separator: '~',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<NumberRangeInputEmits>()\n\nconst inst = getCurrentInstance()\n\nfunction splitBound(): boolean {\n  const p = inst?.vnode.props\n  if (!p) return false\n  return 'start' in p || 'onUpdate:start' in p || 'end' in p || 'onUpdate:end' in p\n}\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('number-range-input')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst model = defineModel<NumberRangeTuple>({\n  default: () => [undefined, undefined]\n})\n\nconst startRef = defineModel<number | undefined>('start')\nconst endRef = defineModel<number | undefined>('end')\n\nlet syncGuard = false\n\nfunction normalizeFromSplit(s: number | undefined, e: number | undefined): NumberRangeTuple {\n  let nextS = s\n  let nextE = e\n  if (nextS !== undefined && nextE !== undefined && nextS > nextE) nextE = nextS\n  return [nextS, nextE]\n}\n\nwatch(\n  model,\n  (t) => {\n    if (syncGuard) return\n    syncGuard = true\n    const tuple = t ?? [undefined, undefined]\n    if (startRef.value !== tuple[0]) startRef.value = tuple[0]\n    if (endRef.value !== tuple[1]) endRef.value = tuple[1]\n    nextTick(() => {\n      syncGuard = false\n    })\n  },\n  { deep: true }\n)\n\nwatch(\n  [startRef, endRef],\n  () => {\n    if (!splitBound() || syncGuard) return\n    syncGuard = true\n    const normalized = normalizeFromSplit(startRef.value, endRef.value)\n    const cur = model.value ?? [undefined, undefined]\n    if (cur[0] !== normalized[0] || cur[1] !== normalized[1]) {\n      model.value = normalized\n    }\n    nextTick(() => {\n      syncGuard = false\n    })\n  },\n  { deep: true }\n)\n\nonMounted(() => {\n  if (!splitBound()) return\n  const cur = model.value ?? [undefined, undefined]\n  const hasModel = cur[0] !== undefined || cur[1] !== undefined\n  if (hasModel) return\n  const normalized = normalizeFromSplit(startRef.value, endRef.value)\n  if (cur[0] !== normalized[0] || cur[1] !== normalized[1]) {\n    syncGuard = true\n    model.value = normalized\n    nextTick(() => {\n      syncGuard = false\n    })\n  }\n})\n\nconst numberInputBind = computed(() => {\n  return o(props).pick([\n    'clearable',\n    'prefix',\n    'suffix',\n    'step',\n    'min',\n    'max',\n    'currency',\n    'precision',\n    'minPrecision',\n    'maxPrecision',\n    'multiple'\n  ])\n})\n\nconst startModel = computed({\n  get(): number | undefined {\n    return model.value?.[0]\n  },\n  set(v: number | undefined) {\n    const cur = model.value ?? [undefined, undefined]\n    const end = cur[1]\n    let nextEnd = end\n    if (v !== undefined && end !== undefined && v > end) nextEnd = v\n    model.value = [v, nextEnd]\n  }\n})\n\nconst endModel = computed({\n  get(): number | undefined {\n    return model.value?.[1]\n  },\n  set(v: number | undefined) {\n    const cur = model.value ?? [undefined, undefined]\n    const start = cur[0]\n    let nextStart = start\n    if (v !== undefined && start !== undefined && v < start) nextStart = v\n    model.value = [nextStart, v]\n  }\n})\n\nfunction formatNumberPart(num: number): string {\n  const { currency, precision, minPrecision, maxPrecision, multiple } = props\n\n  const displayValue = multiple ? $n.div(num, multiple) : num\n\n  return currency\n    ? n(displayValue).currency('CNY', {\n        precision,\n        minPrecision,\n        maxPrecision\n      })\n    : n(displayValue).fixed(\n        precision ?? {\n          minPrecision,\n          maxPrecision\n        }\n      )\n}\n\nconst readonlyText = computed(() => {\n  const [s, e] = model.value ?? [undefined, undefined]\n  if (s === undefined && e === undefined) return ''\n  const p = props.prefix ?? ''\n  const sfx = props.suffix ?? ''\n  const sep = props.separator ?? '~'\n  const a = s === undefined ? '—' : formatNumberPart(s)\n  const b = e === undefined ? '—' : formatNumberPart(e)\n  return `${p}${a} ${sep} ${b}${sfx}`\n})\n\nfunction emitChange(): void {\n  emit('change', model.value ?? [undefined, undefined])\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"number-range-input.js","names":[],"sources":["../../../src/components/number-range-input/number-range-input.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\">\n    <u-number-input\n      v-model=\"startModel\"\n      :placeholder=\"startPlaceholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :size=\"size\"\n      v-bind=\"numberInputBind\"\n      @change=\"emitChange\"\n    />\n    <span :class=\"cls.e('separator')\">{{ separator }}</span>\n    <u-number-input\n      v-model=\"endModel\"\n      :placeholder=\"endPlaceholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :size=\"size\"\n      v-bind=\"numberInputBind\"\n      @change=\"emitChange\"\n    />\n  </div>\n\n  <template v-else>\n    {{ readonlyText || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n, $n, o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'\n\nimport type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'\nimport { UNumberInput } from '../number-input'\n\ndefineOptions({ name: 'NumberRangeInput' })\n\nconst props = withDefaults(defineProps<NumberRangeInputProps>(), {\n  startPlaceholder: '请输入',\n  endPlaceholder: '请输入',\n  separator: '~',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<NumberRangeInputEmits>()\n\nconst inst = getCurrentInstance()\n\nfunction splitBound(): boolean {\n  const p = inst?.vnode.props\n  if (!p) return false\n  return 'start' in p || 'onUpdate:start' in p || 'end' in p || 'onUpdate:end' in p\n}\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('number-range-input')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst model = defineModel<NumberRangeTuple>({ default: () => [undefined, undefined] })\n\nconst startRef = defineModel<number | undefined>('start')\nconst endRef = defineModel<number | undefined>('end')\n\nlet syncGuard = false\n\nfunction normalizeFromSplit(s: number | undefined, e: number | undefined): NumberRangeTuple {\n  let nextS = s\n  let nextE = e\n  if (nextS !== undefined && nextE !== undefined && nextS > nextE) nextE = nextS\n  return [nextS, nextE]\n}\n\nwatch(\n  model,\n  (t) => {\n    if (syncGuard) return\n    syncGuard = true\n    const tuple = t ?? [undefined, undefined]\n    if (startRef.value !== tuple[0]) startRef.value = tuple[0]\n    if (endRef.value !== tuple[1]) endRef.value = tuple[1]\n    nextTick(() => {\n      syncGuard = false\n    })\n  },\n  { deep: true }\n)\n\nwatch(\n  [startRef, endRef],\n  () => {\n    if (!splitBound() || syncGuard) return\n    syncGuard = true\n    const normalized = normalizeFromSplit(startRef.value, endRef.value)\n    const cur = model.value ?? [undefined, undefined]\n    if (cur[0] !== normalized[0] || cur[1] !== normalized[1]) {\n      model.value = normalized\n    }\n    nextTick(() => {\n      syncGuard = false\n    })\n  },\n  { deep: true }\n)\n\nonMounted(() => {\n  if (!splitBound()) return\n  const cur = model.value ?? [undefined, undefined]\n  const hasModel = cur[0] !== undefined || cur[1] !== undefined\n  if (hasModel) return\n  const normalized = normalizeFromSplit(startRef.value, endRef.value)\n  if (cur[0] !== normalized[0] || cur[1] !== normalized[1]) {\n    syncGuard = true\n    model.value = normalized\n    nextTick(() => {\n      syncGuard = false\n    })\n  }\n})\n\nconst numberInputBind = computed(() => {\n  return o(props).pick([\n    'clearable',\n    'prefix',\n    'suffix',\n    'step',\n    'min',\n    'max',\n    'currency',\n    'precision',\n    'minPrecision',\n    'maxPrecision',\n    'multiple'\n  ])\n})\n\nconst startModel = computed({\n  get(): number | undefined {\n    return model.value?.[0]\n  },\n  set(v: number | undefined) {\n    const cur = model.value ?? [undefined, undefined]\n    const end = cur[1]\n    let nextEnd = end\n    if (v !== undefined && end !== undefined && v > end) nextEnd = v\n    model.value = [v, nextEnd]\n  }\n})\n\nconst endModel = computed({\n  get(): number | undefined {\n    return model.value?.[1]\n  },\n  set(v: number | undefined) {\n    const cur = model.value ?? [undefined, undefined]\n    const start = cur[0]\n    let nextStart = start\n    if (v !== undefined && start !== undefined && v < start) nextStart = v\n    model.value = [nextStart, v]\n  }\n})\n\nfunction formatNumberPart(num: number): string {\n  const { currency, precision, minPrecision, maxPrecision, multiple } = props\n\n  const displayValue = multiple ? $n.div(num, multiple) : num\n\n  return currency\n    ? n(displayValue).currency('CNY', { precision, minPrecision, maxPrecision })\n    : n(displayValue).fixed(precision ?? { minPrecision, maxPrecision })\n}\n\nconst readonlyText = computed(() => {\n  const [s, e] = model.value ?? [undefined, undefined]\n  if (s === undefined && e === undefined) return ''\n  const p = props.prefix ?? ''\n  const sfx = props.suffix ?? ''\n  const sep = props.separator ?? '~'\n  const a = s === undefined ? '—' : formatNumberPart(s)\n  const b = e === undefined ? '—' : formatNumberPart(e)\n  return `${p}${a} ${sep} ${b}${sfx}`\n})\n\nfunction emitChange(): void {\n  emit('change', model.value ?? [undefined, undefined])\n}\n</script>\n"],"mappings":"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"}

package/dist/components/paginator/paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.js","names":[],"sources":["../../../src/components/paginator/paginator.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size)]\" ref=\"paginatorRef\">\n    <div>共 {{ total }} 条</div>\n\n    <u-select\n      :class=\"cls.e('size-select')\"\n      v-model=\"pageSize\"\n      size=\"small\"\n      :options=\"sizeOptions\"\n      :clearable=\"false\"\n      @change=\"handleChangePageSize\"\n    />\n\n    <ul :class=\"[cls.e('pages')]\" v-if=\"!simple\">\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', preDisabled)]\"\n        @click=\"handleJumpToFirst\"\n        @mouseenter=\"hovered.first = true\"\n        @mouseleave=\"hovered.first = false\"\n        v-ripple=\"!preDisabled\"\n      >\n        <span v-if=\"hovered.first\">1</span>\n        <UIcon v-else><DArrowLeft /></UIcon>\n      </li>\n\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', pageNumber === 1)]\"\n        @click=\"handleJumpToPrev\"\n        v-ripple=\"!preDisabled\"\n      >\n        <UIcon><ArrowLeft /></UIcon>\n      </li>\n\n      <li\n        v-for=\"num in pageNumbers\"\n        :key=\"num\"\n        :class=\"[cls.e('btn'), bem.is('active', pageNumber === num)]\"\n        @click=\"handleChangePageNumber(num)\"\n        v-ripple\n      >\n        {{ num }}\n      </li>\n\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', nextDisabled)]\"\n        @click=\"handleJumpToNext\"\n        v-ripple=\"!nextDisabled\"\n      >\n        <UIcon><ArrowRight /></UIcon>\n      </li>\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', nextDisabled)]\"\n        @click=\"handleJumpToLast\"\n        @mouseenter=\"hovered.last = true\"\n        @mouseleave=\"hovered.last = false\"\n        v-ripple=\"!nextDisabled\"\n      >\n        <span v-if=\"hovered.last\">{{ totalPages }}</span>\n        <UIcon v-else><DArrowRight /></UIcon>\n      </li>\n    </ul>\n\n    <div :class=\"cls.e('jumper')\">\n      <span>前往</span>\n      <u-number-input\n        :class=\"cls.e('page-input')\"\n        size=\"small\"\n        :min=\"1\"\n        :max=\"totalPages\"\n        :precision=\"0\"\n        :model-value=\"pageNumber\"\n        :clearable=\"false\"\n        @keyup.enter=\"handleKeyEnter\"\n        @change=\"pageNumber = $event!\"\n      />\n      <span>/ {{ totalPages }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, reactive, shallowRef } from 'vue'\n\nimport type { PaginatorProps, PaginatorEmits, _PaginatorExposed, ComponentSize } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNumberInput } from '../number-input'\nimport { USelect } from '../select'\n\ndefineOptions({\n  name: 'Paginator'\n})\n\nconst { config } = useConfig()\n\nconst props = withDefaults(defineProps<PaginatorProps>(), {\n  total: 0\n})\n\nconst emit = defineEmits<PaginatorEmits>()\n\nconst cls = bem('paginator')\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst pageNumber = defineModel<number>('pageNumber', {\n  default: 1\n})\n\nconst pageSize = defineModel<number>('pageSize', {\n  default: 10\n})\n\nfunction emitPageSize(value: number) {\n  emit('change:pageSize', value)\n}\n\nfunction emitPageNumber(value: number) {\n  emit('change:pageNumber', value)\n}\n\nconst handleChangePageSize = (size?: Record<string, any>) => {\n  emitPageSize(size?.value)\n  pageNumber.value = 1\n}\n\nfunction handleChangePageNumber(num: number) {\n  if (props.pageNumber === num) return\n  pageNumber.value = num\n  emitPageNumber(pageNumber.value)\n}\n\nconst currentSize = computed(() => {\n  return props.pageSize ?? config.paginator.pageSize\n})\n\n/** 完整页码 */\nconst totalPages = computed(() => {\n  return Math.ceil(props.total / currentSize.value)\n})\n\nconst sizeOptions = computed(() => {\n  return (props.pageSizeOptions ?? config.paginator.pageSizeOptions).map((value) => {\n    return { label: `${value}条`, value }\n  })\n})\n\n/** 做多显示5个页码 */\nconst pageNumbers = computed(() => {\n  const startPageNum = n(pageNumber.value - 2).range(1, Math.max(totalPages.value - 4, 1))\n\n  return Array.from({ length: Math.min(totalPages.value, 5) }).map(\n    (_, index) => startPageNum + index\n  )\n})\n\nconst preDisabled = computed(() => {\n  return pageNumber.value <= 1\n})\nconst nextDisabled = computed(() => {\n  return pageNumber.value >= totalPages.value\n})\n\nfunction handleJumpToFirst() {\n  if (preDisabled.value) return\n  pageNumber.value = 1\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToLast() {\n  if (nextDisabled.value) return\n  pageNumber.value = totalPages.value\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToPrev() {\n  if (preDisabled.value) return\n  pageNumber.value = pageNumber.value - 1\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToNext() {\n  if (nextDisabled.value) return\n\n  pageNumber.value = pageNumber.value + 1\n  emitPageNumber(pageNumber.value)\n}\n\nfunction handleKeyEnter(e: KeyboardEvent) {\n  const target = e.target as HTMLInputElement\n  const val = +target.value\n  if (!isNaN(val) && val > 0 && val <= totalPages.value) {\n    pageNumber.value = val\n    emitPageNumber(pageNumber.value)\n  }\n}\n\n/** 鼠标停留位置 */\nconst hovered = reactive({\n  first: false,\n  last: false\n})\n\nconst paginatorRef = shallowRef<HTMLElement>()\n\ndefineExpose<_PaginatorExposed>({\n  el: paginatorRef\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"paginator.js","names":[],"sources":["../../../src/components/paginator/paginator.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size)]\" ref=\"paginatorRef\">\n    <div>共 {{ total }} 条</div>\n\n    <u-select\n      :class=\"cls.e('size-select')\"\n      v-model=\"pageSize\"\n      size=\"small\"\n      :options=\"sizeOptions\"\n      :clearable=\"false\"\n      @change=\"handleChangePageSize\"\n    />\n\n    <ul :class=\"[cls.e('pages')]\" v-if=\"!simple\">\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', preDisabled)]\"\n        @click=\"handleJumpToFirst\"\n        @mouseenter=\"hovered.first = true\"\n        @mouseleave=\"hovered.first = false\"\n        v-ripple=\"!preDisabled\"\n      >\n        <span v-if=\"hovered.first\">1</span>\n        <UIcon v-else><DArrowLeft /></UIcon>\n      </li>\n\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', pageNumber === 1)]\"\n        @click=\"handleJumpToPrev\"\n        v-ripple=\"!preDisabled\"\n      >\n        <UIcon><ArrowLeft /></UIcon>\n      </li>\n\n      <li\n        v-for=\"num in pageNumbers\"\n        :key=\"num\"\n        :class=\"[cls.e('btn'), bem.is('active', pageNumber === num)]\"\n        @click=\"handleChangePageNumber(num)\"\n        v-ripple\n      >\n        {{ num }}\n      </li>\n\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', nextDisabled)]\"\n        @click=\"handleJumpToNext\"\n        v-ripple=\"!nextDisabled\"\n      >\n        <UIcon><ArrowRight /></UIcon>\n      </li>\n      <li\n        :class=\"[cls.e('btn'), bem.is('disabled', nextDisabled)]\"\n        @click=\"handleJumpToLast\"\n        @mouseenter=\"hovered.last = true\"\n        @mouseleave=\"hovered.last = false\"\n        v-ripple=\"!nextDisabled\"\n      >\n        <span v-if=\"hovered.last\">{{ totalPages }}</span>\n        <UIcon v-else><DArrowRight /></UIcon>\n      </li>\n    </ul>\n\n    <div :class=\"cls.e('jumper')\">\n      <span>前往</span>\n      <u-number-input\n        :class=\"cls.e('page-input')\"\n        size=\"small\"\n        :min=\"1\"\n        :max=\"totalPages\"\n        :precision=\"0\"\n        :model-value=\"pageNumber\"\n        :clearable=\"false\"\n        @keyup.enter=\"handleKeyEnter\"\n        @change=\"pageNumber = $event!\"\n      />\n      <span>/ {{ totalPages }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, reactive, shallowRef } from 'vue'\n\nimport type { PaginatorProps, PaginatorEmits, _PaginatorExposed, ComponentSize } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNumberInput } from '../number-input'\nimport { USelect } from '../select'\n\ndefineOptions({ name: 'Paginator' })\n\nconst { config } = useConfig()\n\nconst props = withDefaults(defineProps<PaginatorProps>(), { total: 0 })\n\nconst emit = defineEmits<PaginatorEmits>()\n\nconst cls = bem('paginator')\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst pageNumber = defineModel<number>('pageNumber', { default: 1 })\n\nconst pageSize = defineModel<number>('pageSize', { default: 10 })\n\nfunction emitPageSize(value: number) {\n  emit('change:pageSize', value)\n}\n\nfunction emitPageNumber(value: number) {\n  emit('change:pageNumber', value)\n}\n\nconst handleChangePageSize = (size?: Record<string, any>) => {\n  emitPageSize(size?.value)\n  pageNumber.value = 1\n}\n\nfunction handleChangePageNumber(num: number) {\n  if (props.pageNumber === num) return\n  pageNumber.value = num\n  emitPageNumber(pageNumber.value)\n}\n\nconst currentSize = computed(() => {\n  return props.pageSize ?? config.paginator.pageSize\n})\n\n/** 完整页码 */\nconst totalPages = computed(() => {\n  return Math.ceil(props.total / currentSize.value)\n})\n\nconst sizeOptions = computed(() => {\n  return (props.pageSizeOptions ?? config.paginator.pageSizeOptions).map((value) => {\n    return { label: `${value}条`, value }\n  })\n})\n\n/** 做多显示5个页码 */\nconst pageNumbers = computed(() => {\n  const startPageNum = n(pageNumber.value - 2).range(1, Math.max(totalPages.value - 4, 1))\n\n  return Array.from({ length: Math.min(totalPages.value, 5) }).map(\n    (_, index) => startPageNum + index\n  )\n})\n\nconst preDisabled = computed(() => {\n  return pageNumber.value <= 1\n})\nconst nextDisabled = computed(() => {\n  return pageNumber.value >= totalPages.value\n})\n\nfunction handleJumpToFirst() {\n  if (preDisabled.value) return\n  pageNumber.value = 1\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToLast() {\n  if (nextDisabled.value) return\n  pageNumber.value = totalPages.value\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToPrev() {\n  if (preDisabled.value) return\n  pageNumber.value = pageNumber.value - 1\n  emitPageNumber(pageNumber.value)\n}\nfunction handleJumpToNext() {\n  if (nextDisabled.value) return\n\n  pageNumber.value = pageNumber.value + 1\n  emitPageNumber(pageNumber.value)\n}\n\nfunction handleKeyEnter(e: KeyboardEvent) {\n  const target = e.target as HTMLInputElement\n  const val = +target.value\n  if (!isNaN(val) && val > 0 && val <= totalPages.value) {\n    pageNumber.value = val\n    emitPageNumber(pageNumber.value)\n  }\n}\n\n/** 鼠标停留位置 */\nconst hovered = reactive({ first: false, last: false })\n\nconst paginatorRef = shallowRef<HTMLElement>()\n\ndefineExpose<_PaginatorExposed>({ el: paginatorRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FA,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,YAAW;EAE3B,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAK,EAAG,EAAE,MAAM,WAA4B,CAAA;EAE/E,MAAM,aAAa,SAAmB,SAAC,aAA4B;EAEnE,MAAM,WAAW,SAAmB,SAAC,WAA2B;EAEhE,SAAS,aAAa,OAAe;GACnC,KAAK,mBAAmB,MAAK;;EAG/B,SAAS,eAAe,OAAe;GACrC,KAAK,qBAAqB,MAAK;;EAGjC,MAAM,wBAAwB,SAA+B;GAC3D,aAAa,MAAM,MAAK;GACxB,WAAW,QAAQ;;EAGrB,SAAS,uBAAuB,KAAa;GAC3C,IAAI,MAAM,eAAe,KAAK;GAC9B,WAAW,QAAQ;GACnB,eAAe,WAAW,MAAK;;EAGjC,MAAM,cAAc,eAAe;GACjC,OAAO,MAAM,YAAY,OAAO,UAAU;IAC3C;;EAGD,MAAM,aAAa,eAAe;GAChC,OAAO,KAAK,KAAK,MAAM,QAAQ,YAAY,MAAK;IACjD;EAED,MAAM,cAAc,eAAe;GACjC,QAAQ,MAAM,mBAAmB,OAAO,UAAU,iBAAiB,KAAK,UAAU;IAChF,OAAO;KAAE,OAAO,GAAG,MAAM;KAAI;KAAM;KACpC;IACF;;EAGD,MAAM,cAAc,eAAe;GACjC,MAAM,eAAe,EAAE,WAAW,QAAQ,EAAC,CAAE,MAAM,GAAG,KAAK,IAAI,WAAW,QAAQ,GAAG,EAAE,CAAA;GAEvF,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,WAAW,OAAO,EAAC,EAAG,CAAA,CAAE,KAC1D,GAAG,UAAU,eAAe,MAC/B;IACD;EAED,MAAM,cAAc,eAAe;GACjC,OAAO,WAAW,SAAS;IAC5B;EACD,MAAM,eAAe,eAAe;GAClC,OAAO,WAAW,SAAS,WAAW;IACvC;EAED,SAAS,oBAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,WAAW,QAAQ;GACnB,eAAe,WAAW,MAAK;;EAEjC,SAAS,mBAAmB;GAC1B,IAAI,aAAa,OAAO;GACxB,WAAW,QAAQ,WAAW;GAC9B,eAAe,WAAW,MAAK;;EAEjC,SAAS,mBAAmB;GAC1B,IAAI,YAAY,OAAO;GACvB,WAAW,QAAQ,WAAW,QAAQ;GACtC,eAAe,WAAW,MAAK;;EAEjC,SAAS,mBAAmB;GAC1B,IAAI,aAAa,OAAO;GAExB,WAAW,QAAQ,WAAW,QAAQ;GACtC,eAAe,WAAW,MAAK;;EAGjC,SAAS,eAAe,GAAkB;GAExC,MAAM,MAAM,CADG,EAAE,OACG;GACpB,IAAI,CAAC,MAAM,IAAG,IAAK,MAAM,KAAK,OAAO,WAAW,OAAO;IACrD,WAAW,QAAQ;IACnB,eAAe,WAAW,MAAK;;;;EAKnC,MAAM,UAAU,SAAS;GAAE,OAAO;GAAO,MAAM;GAAO,CAAA;EAEtD,MAAM,eAAe,YAAwB;EAE7C,SAAgC,EAAE,IAAI,cAAc,CAAA;;uBAlMlD,mBA4EM,OAAA;IA5EA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,GAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;aAAQ;IAAJ,KAAI;;IACrC,mBAA0B,OAAA,MAArB,OAAE,gBAAG,QAAA,MAAK,GAAG,MAAE,EAAA;IAEpB,YAOE,MAAA,YAAA,EAAA;KANC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;iBACJ,SAAA;kEAAA,SAAQ,QAAA;KACjB,MAAK;KACJ,SAAS,YAAA;KACT,WAAW;KACX,UAAQ;;;;;;KAG0B,QAAA,UAAA,WAAA,EAArC,mBA+CK,MAAA;;KA/CA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,CAAA;;kCAChB,mBASK,MAAA;MARF,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,YAAa,YAAA,MAAW,CAAA,CAAA;MACpD,SAAO;MACP,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAQ,QAAK;MACzB,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAQ,QAAK;SAGd,QAAQ,SAAA,WAAA,EAApB,mBAAmC,QAAA,YAAR,IAAC,KAAA,WAAA,EAC5B,YAAoC,MAAA,YAAA,EAAA,EAAA,KAAA,GAAA,EAAA;6BAAR,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;oCAHjB,YAAA,MAAW,CAAA,CAAA;kCAMxB,mBAMK,MAAA;MALF,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,YAAa,WAAA,UAAU,EAAA,CAAA,CAAA;MACnD,SAAO;SAGR,YAA4B,MAAA,YAAA,EAAA,MAAA;6BAAR,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;kCAFT,YAAA,MAAW,CAAA,CAAA;uBAKxB,mBAQK,UAAA,MAAA,WAPW,YAAA,QAAP,QAAG;0CADZ,mBAQK,MAAA;OANF,KAAK;OACL,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,UAAW,WAAA,UAAe,IAAG,CAAA,CAAA;OACzD,UAAK,WAAE,uBAAuB,IAAG;0CAG/B,IAAG,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,GAAA,CAAA,CAAA,MAAA,QAAA,CAAA,CAAA,CAAA;;kCAGR,mBAMK,MAAA;MALF,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,YAAa,aAAA,MAAY,CAAA,CAAA;MACrD,SAAO;SAGR,YAA6B,MAAA,YAAA,EAAA,MAAA;6BAAR,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;kCAFV,aAAA,MAAY,CAAA,CAAA;kCAIzB,mBASK,MAAA;MARF,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,MAAA,EAAS,MAAA,IAAA,CAAI,GAAE,YAAa,aAAA,MAAY,CAAA,CAAA;MACrD,SAAO;MACP,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAQ,OAAI;MACxB,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAQ,OAAI;SAGb,QAAQ,QAAA,WAAA,EAApB,mBAAiD,QAAA,YAAA,gBAApB,WAAA,MAAU,EAAA,EAAA,KAAA,WAAA,EACvC,YAAqC,MAAA,YAAA,EAAA,EAAA,KAAA,GAAA,EAAA;6BAAR,CAAf,YAAe,MAAA,YAAA,CAAA,CAAA,CAAA;;oCAHlB,aAAA,MAAY,CAAA,CAAA;;IAO3B,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA;+BAChB,mBAAe,QAAA,MAAT,MAAE,GAAA;KACR,YAUE,MAAA,YAAA,EAAA;MATC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;MACb,MAAK;MACJ,KAAK;MACL,KAAK,WAAA;MACL,WAAW;MACX,eAAa,WAAA;MACb,WAAW;MACX,SAAK,SAAQ,gBAAc,CAAA,QAAA,CAAA;MAC3B,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAa;;;;;;KAExB,mBAA+B,QAAA,MAAzB,OAAE,gBAAG,WAAA,MAAU,EAAA,EAAA"}

package/dist/components/palette/palette-alpha.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette-alpha.js","names":[],"sources":["../../../src/components/palette/palette-alpha.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('alpha')\" ref=\"alphaRef\">\n    <div :class=\"cls.e('alpha-bg')\" :style=\"{ background: alphaSliderBG }\"></div>\n\n    <span :class=\"cls.e('alpha-thumb')\" @click.stop :style=\"alphaThumbStyle\"></span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { computed, inject, shallowRef, onMounted, watch } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({\n  name: 'PaletteAlpha'\n})\n\nconst { cls, updateAlpha, hueRGB, alpha, userAction, isUserActive } = inject(PaletteDIKey)!\n\nconst alphaRef = shallowRef<HTMLElement>()\n\nconst alphaThumbTransformX = shallowRef(0)\n\nconst alphaThumbStyle = computed(() => {\n  return { transform: `translateX(${alphaThumbTransformX.value}px)` }\n})\n\nlet alphaWidth = 0\nconst rangeX = [0, 0] as [number, number]\n\nfunction getAlphaWidth() {\n  alphaWidth = alphaRef.value?.offsetWidth ?? 0\n  rangeX[1] = alphaWidth\n}\n\nconst updateOffsetX = userAction((offsetX: number) => {\n  alphaThumbTransformX.value = offsetX\n  updateAlpha(alphaWidth > 0 ? offsetX / alphaWidth : 0)\n})\n\nconst alphaDragger = useDrag({\n  target: alphaRef,\n  rangeX,\n  onDrag({ offsetX }) {\n    updateOffsetX(offsetX)\n  },\n  onDragStart(e) {\n    getAlphaWidth()\n\n    alphaDragger.update({ offsetX: e.offsetX })\n\n    updateOffsetX(e.offsetX)\n  }\n})\n\nconst alphaSliderBG = computed(() => {\n  const { r, g, b } = hueRGB.value\n  return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0), rgba(${r}, ${g}, ${b}, 1))`\n})\n\nfunction init(): void {\n  getAlphaWidth()\n  alphaThumbTransformX.value = alphaWidth > 0 ? alphaWidth * alpha.value : 0\n}\n\nonMounted(() => {\n  init()\n})\n\nwatch(\n  alpha,\n  (newAlphaValue) => {\n    if (isUserActive()) return\n    alphaThumbTransformX.value = alphaWidth > 0 ? alphaWidth * newAlphaValue : 0\n  },\n  { flush: 'post' }\n)\n\ndefineExpose({\n  init\n})\n</script>\n"],"mappings":";;;;;;;;EAkBA,MAAM,EAAE,KAAK,aAAa,QAAQ,OAAO,YAAY,iBAAiB,OAAO,aAAY;EAEzF,MAAM,WAAW,YAAwB;EAEzC,MAAM,uBAAuB,WAAW,EAAC;EAEzC,MAAM,kBAAkB,eAAe;GACrC,OAAO,EAAE,WAAW,cAAc,qBAAqB,MAAM,MAAK;IACnE;EAED,IAAI,aAAa;EACjB,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,SAAS,gBAAgB;GACvB,aAAa,SAAS,OAAO,eAAe;GAC5C,OAAO,KAAK;;EAGd,MAAM,gBAAgB,YAAY,YAAoB;GACpD,qBAAqB,QAAQ;GAC7B,YAAY,aAAa,IAAI,UAAU,aAAa,EAAC;IACtD;EAED,MAAM,eAAe,QAAQ;GAC3B,QAAQ;GACR;GACA,OAAO,EAAE,WAAW;IAClB,cAAc,QAAO;;GAEvB,YAAY,GAAG;IACb,eAAc;IAEd,aAAa,OAAO,EAAE,SAAS,EAAE,SAAS,CAAA;IAE1C,cAAc,EAAE,QAAO;;GAE1B,CAAA;EAED,MAAM,gBAAgB,eAAe;GACnC,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO;GAC3B,OAAO,kCAAkC,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE;IACnF;EAED,SAAS,OAAa;GACpB,eAAc;GACd,qBAAqB,QAAQ,aAAa,IAAI,aAAa,MAAM,QAAQ;;EAG3E,gBAAgB;GACd,MAAK;IACN;EAED,MACE,QACC,kBAAkB;GACjB,IAAI,cAAa,EAAG;GACpB,qBAAqB,QAAQ,aAAa,IAAI,aAAa,gBAAgB;KAE7E,EAAE,OAAO,QACX,CAAA;EAEA,SAAa,EACX,MACD,CAAA;;uBAhFC,mBAIM,OAAA;IAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;aAAe;IAAJ,KAAI;OAC/B,mBAA6E,OAAA;IAAvE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;IAAe,OAAK,eAAA,EAAA,YAAgB,cAAA,OAAa,CAAA;gBAEnE,mBAAgF,QAAA;IAAzE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;IAAkB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IAAE,OAAK,eAAE,gBAAA,MAAe"}
+{"version":3,"file":"palette-alpha.js","names":[],"sources":["../../../src/components/palette/palette-alpha.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('alpha')\" ref=\"alphaRef\">\n    <div :class=\"cls.e('alpha-bg')\" :style=\"{ background: alphaSliderBG }\"></div>\n\n    <span :class=\"cls.e('alpha-thumb')\" @click.stop :style=\"alphaThumbStyle\"></span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { computed, inject, shallowRef, onMounted, watch } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({ name: 'PaletteAlpha' })\n\nconst { cls, updateAlpha, hueRGB, alpha, userAction, isUserActive } = inject(PaletteDIKey)!\n\nconst alphaRef = shallowRef<HTMLElement>()\n\nconst alphaThumbTransformX = shallowRef(0)\n\nconst alphaThumbStyle = computed(() => {\n  return { transform: `translateX(${alphaThumbTransformX.value}px)` }\n})\n\nlet alphaWidth = 0\nconst rangeX = [0, 0] as [number, number]\n\nfunction getAlphaWidth() {\n  alphaWidth = alphaRef.value?.offsetWidth ?? 0\n  rangeX[1] = alphaWidth\n}\n\nconst updateOffsetX = userAction((offsetX: number) => {\n  alphaThumbTransformX.value = offsetX\n  updateAlpha(alphaWidth > 0 ? offsetX / alphaWidth : 0)\n})\n\nconst alphaDragger = useDrag({\n  target: alphaRef,\n  rangeX,\n  onDrag({ offsetX }) {\n    updateOffsetX(offsetX)\n  },\n  onDragStart(e) {\n    getAlphaWidth()\n\n    alphaDragger.update({ offsetX: e.offsetX })\n\n    updateOffsetX(e.offsetX)\n  }\n})\n\nconst alphaSliderBG = computed(() => {\n  const { r, g, b } = hueRGB.value\n  return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0), rgba(${r}, ${g}, ${b}, 1))`\n})\n\nfunction init(): void {\n  getAlphaWidth()\n  alphaThumbTransformX.value = alphaWidth > 0 ? alphaWidth * alpha.value : 0\n}\n\nonMounted(() => {\n  init()\n})\n\nwatch(\n  alpha,\n  (newAlphaValue) => {\n    if (isUserActive()) return\n    alphaThumbTransformX.value = alphaWidth > 0 ? alphaWidth * newAlphaValue : 0\n  },\n  { flush: 'post' }\n)\n\ndefineExpose({ init })\n</script>\n"],"mappings":";;;;;;;;EAgBA,MAAM,EAAE,KAAK,aAAa,QAAQ,OAAO,YAAY,iBAAiB,OAAO,aAAY;EAEzF,MAAM,WAAW,YAAwB;EAEzC,MAAM,uBAAuB,WAAW,EAAC;EAEzC,MAAM,kBAAkB,eAAe;GACrC,OAAO,EAAE,WAAW,cAAc,qBAAqB,MAAM,MAAK;IACnE;EAED,IAAI,aAAa;EACjB,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,SAAS,gBAAgB;GACvB,aAAa,SAAS,OAAO,eAAe;GAC5C,OAAO,KAAK;;EAGd,MAAM,gBAAgB,YAAY,YAAoB;GACpD,qBAAqB,QAAQ;GAC7B,YAAY,aAAa,IAAI,UAAU,aAAa,EAAC;IACtD;EAED,MAAM,eAAe,QAAQ;GAC3B,QAAQ;GACR;GACA,OAAO,EAAE,WAAW;IAClB,cAAc,QAAO;;GAEvB,YAAY,GAAG;IACb,eAAc;IAEd,aAAa,OAAO,EAAE,SAAS,EAAE,SAAS,CAAA;IAE1C,cAAc,EAAE,QAAO;;GAE1B,CAAA;EAED,MAAM,gBAAgB,eAAe;GACnC,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO;GAC3B,OAAO,kCAAkC,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE;IACnF;EAED,SAAS,OAAa;GACpB,eAAc;GACd,qBAAqB,QAAQ,aAAa,IAAI,aAAa,MAAM,QAAQ;;EAG3E,gBAAgB;GACd,MAAK;IACN;EAED,MACE,QACC,kBAAkB;GACjB,IAAI,cAAa,EAAG;GACpB,qBAAqB,QAAQ,aAAa,IAAI,aAAa,gBAAgB;KAE7E,EAAE,OAAO,QACX,CAAA;EAEA,SAAa,EAAE,MAAM,CAAA;;uBA5EnB,mBAIM,OAAA;IAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;aAAe;IAAJ,KAAI;OAC/B,mBAA6E,OAAA;IAAvE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;IAAe,OAAK,eAAA,EAAA,YAAgB,cAAA,OAAa,CAAA;gBAEnE,mBAAgF,QAAA;IAAzE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;IAAkB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IAAE,OAAK,eAAE,gBAAA,MAAe"}

package/dist/components/palette/palette-color-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette-color-switch.js","names":[],"sources":["../../../src/components/palette/palette-color-switch.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('color-switch')\">\n    <div :class=\"cls.e('color-type')\">HEX(A)</div>\n\n    <u-input\n      :class=\"cls.e('color-hexa')\"\n      :clearable=\"false\"\n      :model-value=\"color\"\n      @change=\"handleUpdateColor\"\n      :pattern=\"pattern\"\n    />\n\n    <u-button text type=\"primary\" :class=\"cls.e('clear-btn')\" @click=\"emit('clear')\">\n      清除\n    </u-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\n\nimport { UButton } from '../button'\nimport { UInput } from '../input'\nimport { PaletteDIKey } from './di'\n\ndefineProps<{\n  color?: string\n}>()\n\nconst emit = defineEmits(['clear', 'update:color'])\n\nconst { cls } = inject(PaletteDIKey)!\n\nconst pattern = /^#([0-9a-fA-F]{3,4}){1,2}$/\n\nconst handleUpdateColor = (value: string) => {\n  emit('update:color', value)\n}\n</script>\n"],"mappings":";;;;;;;;;;EA6BA,MAAM,OAAO;EAEb,MAAM,EAAE,QAAQ,OAAO,aAAY;EAEnC,MAAM,UAAU;EAEhB,MAAM,qBAAqB,UAAkB;GAC3C,KAAK,gBAAgB,MAAK;;;uBAnC1B,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,eAAA,CAAA,EAAA,EAAA;IAChB,mBAA8C,OAAA,EAAxC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA,EAAA,EAAgB,UAAM,EAAA;IAExC,YAME,MAAA,cAAA,EAAA;KALC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;KACZ,WAAW;KACX,eAAa,QAAA;KACb,UAAQ;KACC;;IAGZ,YAEW,MAAA,YAAA,EAAA;KAFD,MAAA;KAAK,MAAK;KAAW,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;KAAgB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;4BAEtE,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFiF,QAEjF,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"palette-color-switch.js","names":[],"sources":["../../../src/components/palette/palette-color-switch.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('color-switch')\">\n    <div :class=\"cls.e('color-type')\">HEX(A)</div>\n\n    <u-input\n      :class=\"cls.e('color-hexa')\"\n      :clearable=\"false\"\n      :model-value=\"color\"\n      @change=\"handleUpdateColor\"\n      :pattern=\"pattern\"\n    />\n\n    <u-button text type=\"primary\" :class=\"cls.e('clear-btn')\" @click=\"emit('clear')\">\n      清除\n    </u-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\n\nimport { UButton } from '../button'\nimport { UInput } from '../input'\nimport { PaletteDIKey } from './di'\n\ndefineProps<{ color?: string }>()\n\nconst emit = defineEmits(['clear', 'update:color'])\n\nconst { cls } = inject(PaletteDIKey)!\n\nconst pattern = /^#([0-9a-fA-F]{3,4}){1,2}$/\n\nconst handleUpdateColor = (value: string) => {\n  emit('update:color', value)\n}\n</script>\n"],"mappings":";;;;;;;;;;EA2BA,MAAM,OAAO;EAEb,MAAM,EAAE,QAAQ,OAAO,aAAY;EAEnC,MAAM,UAAU;EAEhB,MAAM,qBAAqB,UAAkB;GAC3C,KAAK,gBAAgB,MAAK;;;uBAjC1B,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,eAAA,CAAA,EAAA,EAAA;IAChB,mBAA8C,OAAA,EAAxC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA,EAAA,EAAgB,UAAM,EAAA;IAExC,YAME,MAAA,cAAA,EAAA;KALC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;KACZ,WAAW;KACX,eAAa,QAAA;KACb,UAAQ;KACC;;IAGZ,YAEW,MAAA,YAAA,EAAA;KAFD,MAAA;KAAK,MAAK;KAAW,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;KAAgB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;4BAEtE,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFiF,QAEjF,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/palette/palette-hue.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette-hue.js","names":[],"sources":["../../../src/components/palette/palette-hue.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('hue')\" ref=\"hueRef\">\n    <span :class=\"cls.e('hue-thumb')\" @click.stop :style=\"hueThumbStyle\"></span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { inject, onMounted } from 'vue'\nimport { shallowRef, computed } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({\n  name: 'PaletteHue'\n})\n\nconst { cls, updateHue, HSV, userAction } = inject(PaletteDIKey)!\n\nconst hueRef = shallowRef<HTMLElement>()\n\nconst transformX = shallowRef(0)\nlet sliderWidth = 0\n\nconst hueThumbStyle = computed(() => {\n  return { transform: `translateX(${transformX.value}px)` }\n})\n\nconst rangeX = [0, 0] as [number, number]\n\nfunction getSliderWidth() {\n  sliderWidth = hueRef.value?.offsetWidth ?? 0\n  rangeX[1] = sliderWidth\n}\n\nconst updateOffsetX = userAction((offsetX: number) => {\n  transformX.value = offsetX\n  updateHue(Math.round((offsetX / sliderWidth) * 360))\n})\n\nconst sliderDragger = useDrag({\n  target: hueRef,\n  rangeX,\n  onDrag({ offsetX }) {\n    updateOffsetX(offsetX)\n  },\n  onDragStart(e) {\n    getSliderWidth()\n\n    sliderDragger.update({ offsetX: e.offsetX })\n\n    updateOffsetX(e.offsetX)\n  }\n})\n\nfunction init(): void {\n  getSliderWidth()\n  transformX.value = (sliderWidth * HSV.h) / 360\n}\n\nonMounted(() => {\n  init()\n})\n\ndefineExpose({\n  init\n})\n</script>\n"],"mappings":";;;;;;;;EAiBA,MAAM,EAAE,KAAK,WAAW,KAAK,eAAe,OAAO,aAAY;EAE/D,MAAM,SAAS,YAAwB;EAEvC,MAAM,aAAa,WAAW,EAAC;EAC/B,IAAI,cAAc;EAElB,MAAM,gBAAgB,eAAe;GACnC,OAAO,EAAE,WAAW,cAAc,WAAW,MAAM,MAAK;IACzD;EAED,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,SAAS,iBAAiB;GACxB,cAAc,OAAO,OAAO,eAAe;GAC3C,OAAO,KAAK;;EAGd,MAAM,gBAAgB,YAAY,YAAoB;GACpD,WAAW,QAAQ;GACnB,UAAU,KAAK,MAAO,UAAU,cAAe,IAAI,CAAA;IACpD;EAED,MAAM,gBAAgB,QAAQ;GAC5B,QAAQ;GACR;GACA,OAAO,EAAE,WAAW;IAClB,cAAc,QAAO;;GAEvB,YAAY,GAAG;IACb,gBAAe;IAEf,cAAc,OAAO,EAAE,SAAS,EAAE,SAAS,CAAA;IAE3C,cAAc,EAAE,QAAO;;GAE1B,CAAA;EAED,SAAS,OAAa;GACpB,gBAAe;GACf,WAAW,QAAS,cAAc,IAAI,IAAK;;EAG7C,gBAAgB;GACd,MAAK;IACN;EAED,SAAa,EACX,MACD,CAAA;;uBAjEC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,MAAA,CAAA;aAAa;IAAJ,KAAI;OAC7B,mBAA4E,QAAA;IAArE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;IAAgB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IAAE,OAAK,eAAE,cAAA,MAAa"}
+{"version":3,"file":"palette-hue.js","names":[],"sources":["../../../src/components/palette/palette-hue.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('hue')\" ref=\"hueRef\">\n    <span :class=\"cls.e('hue-thumb')\" @click.stop :style=\"hueThumbStyle\"></span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { inject, onMounted } from 'vue'\nimport { shallowRef, computed } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({ name: 'PaletteHue' })\n\nconst { cls, updateHue, HSV, userAction } = inject(PaletteDIKey)!\n\nconst hueRef = shallowRef<HTMLElement>()\n\nconst transformX = shallowRef(0)\nlet sliderWidth = 0\n\nconst hueThumbStyle = computed(() => {\n  return { transform: `translateX(${transformX.value}px)` }\n})\n\nconst rangeX = [0, 0] as [number, number]\n\nfunction getSliderWidth() {\n  sliderWidth = hueRef.value?.offsetWidth ?? 0\n  rangeX[1] = sliderWidth\n}\n\nconst updateOffsetX = userAction((offsetX: number) => {\n  transformX.value = offsetX\n  updateHue(Math.round((offsetX / sliderWidth) * 360))\n})\n\nconst sliderDragger = useDrag({\n  target: hueRef,\n  rangeX,\n  onDrag({ offsetX }) {\n    updateOffsetX(offsetX)\n  },\n  onDragStart(e) {\n    getSliderWidth()\n\n    sliderDragger.update({ offsetX: e.offsetX })\n\n    updateOffsetX(e.offsetX)\n  }\n})\n\nfunction init(): void {\n  getSliderWidth()\n  transformX.value = (sliderWidth * HSV.h) / 360\n}\n\nonMounted(() => {\n  init()\n})\n\ndefineExpose({ init })\n</script>\n"],"mappings":";;;;;;;;EAeA,MAAM,EAAE,KAAK,WAAW,KAAK,eAAe,OAAO,aAAY;EAE/D,MAAM,SAAS,YAAwB;EAEvC,MAAM,aAAa,WAAW,EAAC;EAC/B,IAAI,cAAc;EAElB,MAAM,gBAAgB,eAAe;GACnC,OAAO,EAAE,WAAW,cAAc,WAAW,MAAM,MAAK;IACzD;EAED,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,SAAS,iBAAiB;GACxB,cAAc,OAAO,OAAO,eAAe;GAC3C,OAAO,KAAK;;EAGd,MAAM,gBAAgB,YAAY,YAAoB;GACpD,WAAW,QAAQ;GACnB,UAAU,KAAK,MAAO,UAAU,cAAe,IAAI,CAAA;IACpD;EAED,MAAM,gBAAgB,QAAQ;GAC5B,QAAQ;GACR;GACA,OAAO,EAAE,WAAW;IAClB,cAAc,QAAO;;GAEvB,YAAY,GAAG;IACb,gBAAe;IAEf,cAAc,OAAO,EAAE,SAAS,EAAE,SAAS,CAAA;IAE3C,cAAc,EAAE,QAAO;;GAE1B,CAAA;EAED,SAAS,OAAa;GACpB,gBAAe;GACf,WAAW,QAAS,cAAc,IAAI,IAAK;;EAG7C,gBAAgB;GACd,MAAK;IACN;EAED,SAAa,EAAE,MAAM,CAAA;;uBA7DnB,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,MAAA,CAAA;aAAa;IAAJ,KAAI;OAC7B,mBAA4E,QAAA;IAArE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;IAAgB,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IAAE,OAAK,eAAE,cAAA,MAAa"}

package/dist/components/palette/palette-sv.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette-sv.js","names":[],"sources":["../../../src/components/palette/palette-sv.vue"],"sourcesContent":["<template>\n  <!-- 调色画布 -->\n  <div :class=\"cls.e('sv')\" ref=\"svRef\">\n    <div :class=\"cls.e('sv-s')\" :style=\"{ backgroundImage: canvasBackground }\"></div>\n    <div :class=\"cls.e('sv-v')\">{{}}</div>\n\n    <div\n      :class=\"cls.e('sv-thumb')\"\n      ref=\"svThumbRef\"\n      @click.stop\n      @mousedown.stop\n      :style=\"svThumbStyle\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { computed, inject, reactive, shallowRef, onMounted } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({\n  name: 'PaletteSV'\n})\n\nconst { cls, hueRGB, HSV, updateSV, userAction } = inject(PaletteDIKey)!\n\nconst svRef = shallowRef<HTMLDivElement>()\n\nconst canvasSize = {\n  width: 0,\n  height: 0\n}\n\nconst rangeX = [0, 0] as [number, number]\nconst rangeY = [0, 0] as [number, number]\n\nconst getCanvasSize = () => {\n  if (!svRef.value) return\n  const { offsetHeight, offsetWidth } = svRef.value!\n\n  canvasSize.width = offsetWidth\n  rangeX[1] = offsetWidth\n\n  canvasSize.height = offsetHeight\n  rangeY[1] = offsetHeight\n}\n\nconst transform = reactive({\n  x: 0,\n  y: 0\n})\n\nconst svThumbStyle = computed(() => {\n  return {\n    transform: `translate(${transform.x}px, ${transform.y}px)`\n  }\n})\n\nconst updateThumb = userAction((offsetX: number, offsetY: number) => {\n  transform.x = offsetX\n  transform.y = offsetY\n\n  // 根据画布位置计算饱和度和亮度\n  // 水平方向表示饱和度，从左到右饱和度逐渐增高\n  // 垂直方向表示亮度，上亮下暗\n  const s = Math.max(0, Math.min(1, offsetX / canvasSize.width))\n  const v = Math.max(0, Math.min(1, 1 - offsetY / canvasSize.height))\n\n  // 更新饱和度和亮度\n  updateSV({ s, v })\n})\n\nconst svDragger = useDrag({\n  target: svRef,\n  rangeX,\n  rangeY,\n\n  onDrag({ offsetX, offsetY }) {\n    updateThumb(offsetX, offsetY)\n  },\n  onDragStart(e) {\n    getCanvasSize()\n\n    const { offsetX, offsetY } = e\n\n    updateThumb(offsetX, offsetY)\n\n    svDragger.update({ offsetX, offsetY })\n  }\n})\n\nconst canvasBackground = computed(() => {\n  const { r, g, b } = hueRGB.value\n  return `linear-gradient(to right, rgb(255, 255, 255), rgb(${r}, ${g}, ${b}))`\n})\n\nfunction init(): void {\n  getCanvasSize()\n  transform.x = canvasSize.width * HSV.s\n  transform.y = canvasSize.height * (1 - HSV.v)\n}\n\nonMounted(() => {\n  init()\n})\n\ndefineExpose({\n  init\n})\n</script>\n"],"mappings":";;;;;;;;EA0BA,MAAM,EAAE,KAAK,QAAQ,KAAK,UAAU,eAAe,OAAO,aAAY;EAEtE,MAAM,QAAQ,YAA2B;EAEzC,MAAM,aAAa;GACjB,OAAO;GACP,QAAQ;GACV;EAEA,MAAM,SAAS,CAAC,GAAG,EAAC;EACpB,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,MAAM,sBAAsB;GAC1B,IAAI,CAAC,MAAM,OAAO;GAClB,MAAM,EAAE,cAAc,gBAAgB,MAAM;GAE5C,WAAW,QAAQ;GACnB,OAAO,KAAK;GAEZ,WAAW,SAAS;GACpB,OAAO,KAAK;;EAGd,MAAM,YAAY,SAAS;GACzB,GAAG;GACH,GAAG;GACJ,CAAA;EAED,MAAM,eAAe,eAAe;GAClC,OAAO,EACL,WAAW,aAAa,UAAU,EAAE,MAAM,UAAU,EAAE,MACxD;IACD;EAED,MAAM,cAAc,YAAY,SAAiB,YAAoB;GACnE,UAAU,IAAI;GACd,UAAU,IAAI;GASd,SAAS;IAAE,GAJD,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,WAAW,MAAM,CAIlD;IAAG,GAHJ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,IAAI,UAAU,WAAW,OAAO,CAGpD;IAAG,CAAA;IAClB;EAED,MAAM,YAAY,QAAQ;GACxB,QAAQ;GACR;GACA;GAEA,OAAO,EAAE,SAAS,WAAW;IAC3B,YAAY,SAAS,QAAO;;GAE9B,YAAY,GAAG;IACb,eAAc;IAEd,MAAM,EAAE,SAAS,YAAY;IAE7B,YAAY,SAAS,QAAO;IAE5B,UAAU,OAAO;KAAE;KAAS;KAAS,CAAA;;GAExC,CAAA;EAED,MAAM,mBAAmB,eAAe;GACtC,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO;GAC3B,OAAO,qDAAqD,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3E;EAED,SAAS,OAAa;GACpB,eAAc;GACd,UAAU,IAAI,WAAW,QAAQ,IAAI;GACrC,UAAU,IAAI,WAAW,UAAU,IAAI,IAAI;;EAG7C,gBAAgB;GACd,MAAK;IACN;EAED,SAAa,EACX,MACD,CAAA;;2DA7GC,mBAAA,SAAA,EACA,mBAWM,OAAA;IAXA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,KAAA,CAAA;aAAY;IAAJ,KAAI;;IAC5B,mBAAiF,OAAA;KAA3E,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,iBAAqB,iBAAA,OAAgB,CAAA;;IACvE,mBAAsC,OAAA,EAAhC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,iBAAA,EAAA,EAAA;IAElB,mBAMO,OAAA;KALJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;KACb,KAAI;KACH,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;KACV,aAAS,OAAA,OAAA,OAAA,KAAA,oBAAV,IAAe,CAAA,OAAA,CAAA;KACd,OAAK,eAAE,aAAA,MAAY"}
+{"version":3,"file":"palette-sv.js","names":[],"sources":["../../../src/components/palette/palette-sv.vue"],"sourcesContent":["<template>\n  <!-- 调色画布 -->\n  <div :class=\"cls.e('sv')\" ref=\"svRef\">\n    <div :class=\"cls.e('sv-s')\" :style=\"{ backgroundImage: canvasBackground }\"></div>\n    <div :class=\"cls.e('sv-v')\">{{}}</div>\n\n    <div\n      :class=\"cls.e('sv-thumb')\"\n      ref=\"svThumbRef\"\n      @click.stop\n      @mousedown.stop\n      :style=\"svThumbStyle\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { computed, inject, reactive, shallowRef, onMounted } from 'vue'\n\nimport { PaletteDIKey } from './di'\n\ndefineOptions({ name: 'PaletteSV' })\n\nconst { cls, hueRGB, HSV, updateSV, userAction } = inject(PaletteDIKey)!\n\nconst svRef = shallowRef<HTMLDivElement>()\n\nconst canvasSize = { width: 0, height: 0 }\n\nconst rangeX = [0, 0] as [number, number]\nconst rangeY = [0, 0] as [number, number]\n\nconst getCanvasSize = () => {\n  if (!svRef.value) return\n  const { offsetHeight, offsetWidth } = svRef.value!\n\n  canvasSize.width = offsetWidth\n  rangeX[1] = offsetWidth\n\n  canvasSize.height = offsetHeight\n  rangeY[1] = offsetHeight\n}\n\nconst transform = reactive({ x: 0, y: 0 })\n\nconst svThumbStyle = computed(() => {\n  return { transform: `translate(${transform.x}px, ${transform.y}px)` }\n})\n\nconst updateThumb = userAction((offsetX: number, offsetY: number) => {\n  transform.x = offsetX\n  transform.y = offsetY\n\n  // 根据画布位置计算饱和度和亮度\n  // 水平方向表示饱和度，从左到右饱和度逐渐增高\n  // 垂直方向表示亮度，上亮下暗\n  const s = Math.max(0, Math.min(1, offsetX / canvasSize.width))\n  const v = Math.max(0, Math.min(1, 1 - offsetY / canvasSize.height))\n\n  // 更新饱和度和亮度\n  updateSV({ s, v })\n})\n\nconst svDragger = useDrag({\n  target: svRef,\n  rangeX,\n  rangeY,\n\n  onDrag({ offsetX, offsetY }) {\n    updateThumb(offsetX, offsetY)\n  },\n  onDragStart(e) {\n    getCanvasSize()\n\n    const { offsetX, offsetY } = e\n\n    updateThumb(offsetX, offsetY)\n\n    svDragger.update({ offsetX, offsetY })\n  }\n})\n\nconst canvasBackground = computed(() => {\n  const { r, g, b } = hueRGB.value\n  return `linear-gradient(to right, rgb(255, 255, 255), rgb(${r}, ${g}, ${b}))`\n})\n\nfunction init(): void {\n  getCanvasSize()\n  transform.x = canvasSize.width * HSV.s\n  transform.y = canvasSize.height * (1 - HSV.v)\n}\n\nonMounted(() => {\n  init()\n})\n\ndefineExpose({ init })\n</script>\n"],"mappings":";;;;;;;;EAwBA,MAAM,EAAE,KAAK,QAAQ,KAAK,UAAU,eAAe,OAAO,aAAY;EAEtE,MAAM,QAAQ,YAA2B;EAEzC,MAAM,aAAa;GAAE,OAAO;GAAG,QAAQ;GAAE;EAEzC,MAAM,SAAS,CAAC,GAAG,EAAC;EACpB,MAAM,SAAS,CAAC,GAAG,EAAC;EAEpB,MAAM,sBAAsB;GAC1B,IAAI,CAAC,MAAM,OAAO;GAClB,MAAM,EAAE,cAAc,gBAAgB,MAAM;GAE5C,WAAW,QAAQ;GACnB,OAAO,KAAK;GAEZ,WAAW,SAAS;GACpB,OAAO,KAAK;;EAGd,MAAM,YAAY,SAAS;GAAE,GAAG;GAAG,GAAG;GAAG,CAAA;EAEzC,MAAM,eAAe,eAAe;GAClC,OAAO,EAAE,WAAW,aAAa,UAAU,EAAE,MAAM,UAAU,EAAE,MAAK;IACrE;EAED,MAAM,cAAc,YAAY,SAAiB,YAAoB;GACnE,UAAU,IAAI;GACd,UAAU,IAAI;GASd,SAAS;IAAE,GAJD,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,UAAU,WAAW,MAAM,CAIlD;IAAG,GAHJ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,IAAI,UAAU,WAAW,OAAO,CAGpD;IAAG,CAAA;IAClB;EAED,MAAM,YAAY,QAAQ;GACxB,QAAQ;GACR;GACA;GAEA,OAAO,EAAE,SAAS,WAAW;IAC3B,YAAY,SAAS,QAAO;;GAE9B,YAAY,GAAG;IACb,eAAc;IAEd,MAAM,EAAE,SAAS,YAAY;IAE7B,YAAY,SAAS,QAAO;IAE5B,UAAU,OAAO;KAAE;KAAS;KAAS,CAAA;;GAExC,CAAA;EAED,MAAM,mBAAmB,eAAe;GACtC,MAAM,EAAE,GAAG,GAAG,MAAM,OAAO;GAC3B,OAAO,qDAAqD,EAAE,IAAI,EAAE,IAAI,EAAE;IAC3E;EAED,SAAS,OAAa;GACpB,eAAc;GACd,UAAU,IAAI,WAAW,QAAQ,IAAI;GACrC,UAAU,IAAI,WAAW,UAAU,IAAI,IAAI;;EAG7C,gBAAgB;GACd,MAAK;IACN;EAED,SAAa,EAAE,MAAM,CAAA;;2DAjGnB,mBAAA,SAAA,EACA,mBAWM,OAAA;IAXA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,KAAA,CAAA;aAAY;IAAJ,KAAI;;IAC5B,mBAAiF,OAAA;KAA3E,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,iBAAqB,iBAAA,OAAgB,CAAA;;IACvE,mBAAsC,OAAA,EAAhC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,iBAAA,EAAA,EAAA;IAElB,mBAMO,OAAA;KALJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;KACb,KAAI;KACH,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;KACV,aAAS,OAAA,OAAA,OAAA,KAAA,oBAAV,IAAe,CAAA,OAAA,CAAA;KACd,OAAK,eAAE,aAAA,MAAY"}

package/dist/components/palette/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":[],"sources":["../../../src/components/palette/palette.vue"],"sourcesContent":["<template>\n  <u-tip\n    trigger=\"click\"\n    :class=\"cls.e('panel')\"\n    v-model:visible=\"visible\"\n    :disabled=\"disabled || readonly\"\n  >\n    <span :class=\"className\" :style=\"{ backgroundColor: color }\"> </span>\n\n    <template #content>\n      <!-- 饱和度和亮度 -->\n      <PaletteSV ref=\"palette-sv\" />\n\n      <!-- 色相 -->\n      <PaletteHue ref=\"palette-hue\" />\n\n      <!-- 透明度 -->\n      <PaletteAlpha ref=\"palette-alpha\" />\n\n      <!-- 颜色切换 -->\n      <PaletteColorSwitch v-model:color=\"color\" @clear=\"handleClear\" />\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { PaletteProps } from '../../types'\nimport { UTip } from '../tip'\nimport { HSV2RGB, RGB2HEX, HEX2RGBA, RGB2HSV } from './color-transform'\nimport { PaletteDIKey } from './di'\nimport PaletteAlpha from './palette-alpha.vue'\nimport PaletteColorSwitch from './palette-color-switch.vue'\nimport PaletteHue from './palette-hue.vue'\nimport PaletteSV from './palette-sv.vue'\nimport { useHSV } from './use-hsv'\n\ndefineOptions({\n  name: 'Palette'\n})\n\nconst props = withDefaults(defineProps<PaletteProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst cls = bem('palette')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('no-color', !color.value)]\n})\n\nconst { HSV, alpha, ...rest } = useHSV()\n\nconst color = defineModel<string>()\nconst RGB = computed(() => HSV2RGB(HSV))\nconst { userAction, isUserActive } = useUserAction()\n\nconst visible = shallowRef(false)\n\n/** 清除时跳过一次内部状态到 color 的同步，防止 updateAlpha 把已清空的 color 覆盖回来 */\nlet skipColorUpdate = false\n\nconst handleClear = userAction(() => {\n  if (alpha.value !== 1) {\n    skipColorUpdate = true\n  }\n  color.value = ''\n  rest.updateAlpha(1)\n  visible.value = false\n})\n\nwatch([alpha, RGB], ([alpha, RGB]) => {\n  if (skipColorUpdate) {\n    skipColorUpdate = false\n    return\n  }\n  color.value = `#${RGB2HEX(RGB, alpha)}`\n})\n\nconst paletteSVRef = useTemplateRef('palette-sv')\nconst paletteHueRef = useTemplateRef('palette-hue')\nconst paletteAlphaRef = useTemplateRef('palette-alpha')\n\nwatch(\n  color,\n  (color) => {\n    if (!color) return\n    if (isUserActive()) return\n\n    const { RGB, alpha } = HEX2RGBA(color)\n    const hsv = RGB2HSV(RGB)\n    rest.updateHue(hsv.h)\n    rest.updateSV({ s: hsv.s, v: hsv.v })\n    rest.updateAlpha(alpha)\n\n    paletteSVRef.value?.init()\n    paletteHueRef.value?.init()\n    paletteAlphaRef.value?.init()\n  },\n  { immediate: true }\n)\n\nprovide(PaletteDIKey, {\n  cls,\n  HSV,\n  RGB,\n  alpha,\n  userAction,\n  isUserActive,\n  ...rest\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,QAAQ;EAKd,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAM,CAAA;EAElF,MAAM,MAAM,IAAI,UAAS;EAEzB,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAK;IAAG,IAAI,GAAG,YAAY,CAAC,MAAM,MAAK;IAAC;IACnE;EAED,MAAM,EAAE,KAAK,OAAO,GAAG,SAAS,QAAO;EAEvC,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAClC,MAAM,MAAM,eAAe,QAAQ,IAAI,CAAA;EACvC,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,MAAM,UAAU,WAAW,MAAK;;EAGhC,IAAI,kBAAkB;EAEtB,MAAM,cAAc,iBAAiB;GACnC,IAAI,MAAM,UAAU,GAClB,kBAAkB;GAEpB,MAAM,QAAQ;GACd,KAAK,YAAY,EAAC;GAClB,QAAQ,QAAQ;IACjB;EAED,MAAM,CAAC,OAAO,IAAG,GAAI,CAAC,OAAO,SAAS;GACpC,IAAI,iBAAiB;IACnB,kBAAkB;IAClB;;GAEF,MAAM,QAAQ,IAAI,QAAQ,KAAK,MAAK;IACrC;EAED,MAAM,eAAe,eAAe,aAAY;EAChD,MAAM,gBAAgB,eAAe,cAAa;EAClD,MAAM,kBAAkB,eAAe,gBAAe;EAEtD,MACE,QACC,UAAU;GACT,IAAI,CAAC,OAAO;GACZ,IAAI,cAAa,EAAG;GAEpB,MAAM,EAAE,KAAK,UAAU,SAAS,MAAK;GACrC,MAAM,MAAM,QAAQ,IAAG;GACvB,KAAK,UAAU,IAAI,EAAC;GACpB,KAAK,SAAS;IAAE,GAAG,IAAI;IAAG,GAAG,IAAI;IAAG,CAAA;GACpC,KAAK,YAAY,MAAK;GAEtB,aAAa,OAAO,MAAK;GACzB,cAAc,OAAO,MAAK;GAC1B,gBAAgB,OAAO,MAAK;KAE9B,EAAE,WAAW,MACf,CAAA;EAEA,QAAQ,cAAc;GACpB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;;uBAtHC,YAqBQ,MAAA,YAAA,EAAA;IApBN,SAAQ;IACP,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;IACL,SAAS,QAAA;8DAAA,QAAO,QAAA;IACvB,UAAU,MAAA,SAAA,IAAY,MAAA,SAAA;;IAIZ,SAAO,cACD;KAAf,mBAAA,WAAA;KACA,YAA8B,aAAA,EAAnB,KAAI,cAAY,EAAA,MAAA,IAAA;KAE3B,mBAAA,OAAA;KACA,YAAgC,aAAA,EAApB,KAAI,eAAa,EAAA,MAAA,IAAA;KAE7B,mBAAA,QAAA;KACA,YAAoC,aAAA,EAAtB,KAAI,iBAAe,EAAA,MAAA,IAAA;KAEjC,mBAAA,SAAA;KACA,YAAiE,aAAA;MAArC,OAAO,MAAA;8DAAA,MAAK,QAAA;MAAG,SAAO,MAAA,YAAA;;;2BAbiB,CAArE,mBAAqE,QAAA;KAA9D,OAAK,eAAE,UAAA,MAAS;KAAG,OAAK,eAAA,EAAA,iBAAqB,MAAA,OAAK,CAAA"}
+{"version":3,"file":"palette.js","names":[],"sources":["../../../src/components/palette/palette.vue"],"sourcesContent":["<template>\n  <u-tip\n    trigger=\"click\"\n    :class=\"cls.e('panel')\"\n    v-model:visible=\"visible\"\n    :disabled=\"disabled || readonly\"\n  >\n    <span :class=\"className\" :style=\"{ backgroundColor: color }\"> </span>\n\n    <template #content>\n      <!-- 饱和度和亮度 -->\n      <PaletteSV ref=\"palette-sv\" />\n\n      <!-- 色相 -->\n      <PaletteHue ref=\"palette-hue\" />\n\n      <!-- 透明度 -->\n      <PaletteAlpha ref=\"palette-alpha\" />\n\n      <!-- 颜色切换 -->\n      <PaletteColorSwitch v-model:color=\"color\" @clear=\"handleClear\" />\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { PaletteProps } from '../../types'\nimport { UTip } from '../tip'\nimport { HSV2RGB, RGB2HEX, HEX2RGBA, RGB2HSV } from './color-transform'\nimport { PaletteDIKey } from './di'\nimport PaletteAlpha from './palette-alpha.vue'\nimport PaletteColorSwitch from './palette-color-switch.vue'\nimport PaletteHue from './palette-hue.vue'\nimport PaletteSV from './palette-sv.vue'\nimport { useHSV } from './use-hsv'\n\ndefineOptions({ name: 'Palette' })\n\nconst props = withDefaults(defineProps<PaletteProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst cls = bem('palette')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('no-color', !color.value)]\n})\n\nconst { HSV, alpha, ...rest } = useHSV()\n\nconst color = defineModel<string>()\nconst RGB = computed(() => HSV2RGB(HSV))\nconst { userAction, isUserActive } = useUserAction()\n\nconst visible = shallowRef(false)\n\n/** 清除时跳过一次内部状态到 color 的同步，防止 updateAlpha 把已清空的 color 覆盖回来 */\nlet skipColorUpdate = false\n\nconst handleClear = userAction(() => {\n  if (alpha.value !== 1) {\n    skipColorUpdate = true\n  }\n  color.value = ''\n  rest.updateAlpha(1)\n  visible.value = false\n})\n\nwatch([alpha, RGB], ([alpha, RGB]) => {\n  if (skipColorUpdate) {\n    skipColorUpdate = false\n    return\n  }\n  color.value = `#${RGB2HEX(RGB, alpha)}`\n})\n\nconst paletteSVRef = useTemplateRef('palette-sv')\nconst paletteHueRef = useTemplateRef('palette-hue')\nconst paletteAlphaRef = useTemplateRef('palette-alpha')\n\nwatch(\n  color,\n  (color) => {\n    if (!color) return\n    if (isUserActive()) return\n\n    const { RGB, alpha } = HEX2RGBA(color)\n    const hsv = RGB2HSV(RGB)\n    rest.updateHue(hsv.h)\n    rest.updateSV({ s: hsv.s, v: hsv.v })\n    rest.updateAlpha(alpha)\n\n    paletteSVRef.value?.init()\n    paletteHueRef.value?.init()\n    paletteAlphaRef.value?.init()\n  },\n  { immediate: true }\n)\n\nprovide(PaletteDIKey, { cls, HSV, RGB, alpha, userAction, isUserActive, ...rest })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAM,CAAA;EAElF,MAAM,MAAM,IAAI,UAAS;EAEzB,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAK;IAAG,IAAI,GAAG,YAAY,CAAC,MAAM,MAAK;IAAC;IACnE;EAED,MAAM,EAAE,KAAK,OAAO,GAAG,SAAS,QAAO;EAEvC,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAClC,MAAM,MAAM,eAAe,QAAQ,IAAI,CAAA;EACvC,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,MAAM,UAAU,WAAW,MAAK;;EAGhC,IAAI,kBAAkB;EAEtB,MAAM,cAAc,iBAAiB;GACnC,IAAI,MAAM,UAAU,GAClB,kBAAkB;GAEpB,MAAM,QAAQ;GACd,KAAK,YAAY,EAAC;GAClB,QAAQ,QAAQ;IACjB;EAED,MAAM,CAAC,OAAO,IAAG,GAAI,CAAC,OAAO,SAAS;GACpC,IAAI,iBAAiB;IACnB,kBAAkB;IAClB;;GAEF,MAAM,QAAQ,IAAI,QAAQ,KAAK,MAAK;IACrC;EAED,MAAM,eAAe,eAAe,aAAY;EAChD,MAAM,gBAAgB,eAAe,cAAa;EAClD,MAAM,kBAAkB,eAAe,gBAAe;EAEtD,MACE,QACC,UAAU;GACT,IAAI,CAAC,OAAO;GACZ,IAAI,cAAa,EAAG;GAEpB,MAAM,EAAE,KAAK,UAAU,SAAS,MAAK;GACrC,MAAM,MAAM,QAAQ,IAAG;GACvB,KAAK,UAAU,IAAI,EAAC;GACpB,KAAK,SAAS;IAAE,GAAG,IAAI;IAAG,GAAG,IAAI;IAAG,CAAA;GACpC,KAAK,YAAY,MAAK;GAEtB,aAAa,OAAO,MAAK;GACzB,cAAc,OAAO,MAAK;GAC1B,gBAAgB,OAAO,MAAK;KAE9B,EAAE,WAAW,MACf,CAAA;EAEA,QAAQ,cAAc;GAAE;GAAK;GAAK;GAAK;GAAO;GAAY;GAAc,GAAG;GAAM,CAAA;;uBA5G/E,YAqBQ,MAAA,YAAA,EAAA;IApBN,SAAQ;IACP,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;IACL,SAAS,QAAA;8DAAA,QAAO,QAAA;IACvB,UAAU,MAAA,SAAA,IAAY,MAAA,SAAA;;IAIZ,SAAO,cACD;KAAf,mBAAA,WAAA;KACA,YAA8B,aAAA,EAAnB,KAAI,cAAY,EAAA,MAAA,IAAA;KAE3B,mBAAA,OAAA;KACA,YAAgC,aAAA,EAApB,KAAI,eAAa,EAAA,MAAA,IAAA;KAE7B,mBAAA,QAAA;KACA,YAAoC,aAAA,EAAtB,KAAI,iBAAe,EAAA,MAAA,IAAA;KAEjC,mBAAA,SAAA;KACA,YAAiE,aAAA;MAArC,OAAO,MAAA;8DAAA,MAAK,QAAA;MAAG,SAAO,MAAA,YAAA;;;2BAbiB,CAArE,mBAAqE,QAAA;KAA9D,OAAK,eAAE,UAAA,MAAS;KAAG,OAAK,eAAA,EAAA,iBAAqB,MAAA,OAAK,CAAA"}

package/dist/components/pop-confirm/pop-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pop-confirm.js","names":[],"sources":["../../../src/components/pop-confirm/pop-confirm.vue"],"sourcesContent":["<template>\n  <u-tip\n    :class=\"cls.b\"\n    :trigger=\"trigger\"\n    :direction=\"direction\"\n    :alignment=\"alignment\"\n    :content-tag=\"contentTag\"\n    v-model:visible=\"visible\"\n  >\n    <slot name=\"reference\" />\n\n    <template #content>\n      <div :class=\"[cls.m('main'), cls.m(size)]\">\n        <u-icon :size=\"16\" :class=\"cls.m('icon')\" :style=\"{ color: iconColor }\">\n          <component :is=\"icon\" />\n        </u-icon>\n        <span>\n          {{ title }}\n        </span>\n      </div>\n      <div :class=\"cls.m('action')\">\n        <u-button size=\"small\" @click=\"cancel\" type=\"primary\" text>\n          {{ cancelText }}\n        </u-button>\n        &nbsp;\n        <u-button size=\"small\" type=\"primary\" @click=\"confirm\">\n          {{ confirmText }}\n        </u-button>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { QuestionFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { ref } from 'vue'\n\nimport type { PopConfirmProps, PopConfirmEmits } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { UTip } from '../tip'\n\ndefineOptions({\n  name: 'PopConfirm'\n})\n\nconst emit = defineEmits<PopConfirmEmits>()\n\nwithDefaults(defineProps<PopConfirmProps>(), {\n  trigger: 'click',\n  icon: QuestionFilled,\n  direction: 'bottom',\n  iconColor: '#ffc107',\n  confirmText: '确认',\n  cancelText: '取消'\n})\n\nconst cls = bem('pop-confirm')\n\nconst visible = ref(false)\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}], {\n  size: 'default'\n})\n\nconst confirm = () => {\n  emit('confirm')\n  visible.value = false\n}\n\nconst cancel = () => {\n  emit('cancel')\n  visible.value = false\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,OAAO;EAWb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,UAAU,IAAI,MAAK;EAEzB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,SAAS,qBAAqB,CAAC,aAAa,EAAE,CAAA,EAAG,EACvD,MAAM,WACP,CAAA;EAED,MAAM,gBAAgB;GACpB,KAAK,UAAS;GACd,QAAQ,QAAQ;;EAGlB,MAAM,eAAe;GACnB,KAAK,SAAQ;GACb,QAAQ,QAAQ;;;uBA5EhB,YA6BQ,MAAA,YAAA,EAAA;IA5BL,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAIb,SAAO,cAQV,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,OAAA,EAAU,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,YAES,MAAA,YAAA,EAAA;KAFA,MAAM;KAAK,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,OAAW,QAAA,WAAS,CAAA;;4BAC1C,EAAA,WAAA,EAAxB,YAAwB,wBAAR,QAAA,KAAI,CAAA,EAAA,CAAA;;+BAEtB,mBAEO,QAAA,MAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,EAGZ,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA;KAChB,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;6BACpC,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;;+CACJ,UAEX,GAAA;KAAA,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;6BAC3B,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;2BAjBK,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA"}
+{"version":3,"file":"pop-confirm.js","names":[],"sources":["../../../src/components/pop-confirm/pop-confirm.vue"],"sourcesContent":["<template>\n  <u-tip\n    :class=\"cls.b\"\n    :trigger=\"trigger\"\n    :direction=\"direction\"\n    :alignment=\"alignment\"\n    :content-tag=\"contentTag\"\n    v-model:visible=\"visible\"\n  >\n    <slot name=\"reference\" />\n\n    <template #content>\n      <div :class=\"[cls.m('main'), cls.m(size)]\">\n        <u-icon :size=\"16\" :class=\"cls.m('icon')\" :style=\"{ color: iconColor }\">\n          <component :is=\"icon\" />\n        </u-icon>\n        <span>\n          {{ title }}\n        </span>\n      </div>\n      <div :class=\"cls.m('action')\">\n        <u-button size=\"small\" @click=\"cancel\" type=\"primary\" text>\n          {{ cancelText }}\n        </u-button>\n        &nbsp;\n        <u-button size=\"small\" type=\"primary\" @click=\"confirm\">\n          {{ confirmText }}\n        </u-button>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { QuestionFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { ref } from 'vue'\n\nimport type { PopConfirmProps, PopConfirmEmits } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'PopConfirm' })\n\nconst emit = defineEmits<PopConfirmEmits>()\n\nwithDefaults(defineProps<PopConfirmProps>(), {\n  trigger: 'click',\n  icon: QuestionFilled,\n  direction: 'bottom',\n  iconColor: '#ffc107',\n  confirmText: '确认',\n  cancelText: '取消'\n})\n\nconst cls = bem('pop-confirm')\n\nconst visible = ref(false)\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}], { size: 'default' })\n\nconst confirm = () => {\n  emit('confirm')\n  visible.value = false\n}\n\nconst cancel = () => {\n  emit('cancel')\n  visible.value = false\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,OAAO;EAWb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,UAAU,IAAI,MAAK;EAEzB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,SAAS,qBAAqB,CAAC,aAAa,EAAE,CAAA,EAAG,EAAE,MAAM,WAAW,CAAA;EAE5E,MAAM,gBAAgB;GACpB,KAAK,UAAS;GACd,QAAQ,QAAQ;;EAGlB,MAAM,eAAe;GACnB,KAAK,SAAQ;GACb,QAAQ,QAAQ;;;uBAxEhB,YA6BQ,MAAA,YAAA,EAAA;IA5BL,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAIb,SAAO,cAQV,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,OAAA,EAAU,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,YAES,MAAA,YAAA,EAAA;KAFA,MAAM;KAAK,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,OAAW,QAAA,WAAS,CAAA;;4BAC1C,EAAA,WAAA,EAAxB,YAAwB,wBAAR,QAAA,KAAI,CAAA,EAAA,CAAA;;+BAEtB,mBAEO,QAAA,MAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,EAGZ,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA;KAChB,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;6BACpC,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;;+CACJ,UAEX,GAAA;KAAA,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;6BAC3B,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;2BAjBK,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA"}

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopConfirmProps, {}, {}, {}, {},
   onCancel?: (() => any) | undefined;
 }>, {
   trigger: "hover" | "click";
-  direction: TipDirection;
   icon: _$vue.Component;
+  direction: TipDirection;
   iconColor: string;
   confirmText: string;
   cancelText: string;

package/dist/components/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <!-- 条形进度条 -->\n    <div :class=\"cls.e('bar-wrap')\" v-if=\"!circle\">\n      <div :class=\"cls.e('bar')\" :style=\"{ width: percentage + '%' }\">\n        <slot v-bind=\"{ percentage, type }\">{{ percentage }}%</slot>\n      </div>\n    </div>\n\n    <!-- 环形进度条 -->\n    <div\n      v-else\n      :class=\"cls.e('circle')\"\n      :style=\"{ height: withUnit(size, 'px'), width: withUnit(size, 'px') }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <circle cx=\"50\" cy=\"50\" :r=\"r\" fill=\"none\" stroke=\"#f5f8fa\" stroke-width=\"8\" />\n        <circle\n          :class=\"cls.e('circle-ring')\"\n          cx=\"50\"\n          cy=\"50\"\n          :r=\"r\"\n          fill=\"none\"\n          :stroke=\"stroke\"\n          stroke-width=\"8\"\n          :stroke-dasharray=\"dashArray\"\n          :stroke-dashoffset=\"offset\"\n          :stroke-linecap=\"percentage === 0 ? undefined : 'round'\"\n        />\n      </svg>\n\n      <div :class=\"cls.e('circle-content')\">\n        <slot v-bind=\"{ percentage, type }\"> {{ percentage }}% </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { ProgressProps, ColorType } from '../../types'\n\ndefineOptions({\n  name: 'Progress'\n})\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n  type: 'primary',\n  circle: false\n})\n\ndefineSlots<{\n  default: (props: {\n    /** 进度百分比 */\n    percentage: number\n    /** 样式类型 */\n    type: ColorType\n  }) => any\n}>()\n\nconst cls = bem('progress')\n\nconst percentage = computed(() => {\n  return n(props.percentage ?? 0).range(0, 100)\n})\n\nconst type = computed<ColorType>(() => {\n  const { type } = props\n  return typeof type === 'function' ? type(percentage.value) : type\n})\n\nconst className = computed(() => {\n  return [cls.b, bem.is('circle', props.circle), cls.m(type.value)]\n})\n\n/** 描边 */\nconst stroke = computed(() => {\n  return `var(--u-color-${type.value})`\n})\n\nconst r = 44\nconst c = 2 * Math.PI * r\nconst offset = c / 4\n\n/** 圆周 */\nconst dashArray = computed(() => {\n  const dashLen = (c * percentage.value) / 100\n  return `${dashLen}, ${c - dashLen}`\n})\n</script>\n"],"mappings":";;;;;;;;;;AAmFA,MAAM,IAAI;;;;;;;;;;;;;;;;;EAlCV,MAAM,QAAQ;EAcd,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,aAAa,eAAe;GAChC,OAAO,EAAE,MAAM,cAAc,EAAC,CAAE,MAAM,GAAG,IAAG;IAC7C;EAED,MAAM,OAAO,eAA0B;GACrC,MAAM,EAAE,SAAS;GACjB,OAAO,OAAO,SAAS,aAAa,KAAK,WAAW,MAAK,GAAI;IAC9D;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,GAAG,UAAU,MAAM,OAAM;IAAG,IAAI,EAAE,KAAK,MAAK;IAAC;IACjE;;EAGD,MAAM,SAAS,eAAe;GAC5B,OAAO,iBAAiB,KAAK,MAAM;IACpC;EAGD,MAAM,IAAI,IAAI,KAAK,KAAK;EACxB,MAAM,SAAS,IAAI;;EAGnB,MAAM,YAAY,eAAe;GAC/B,MAAM,UAAW,IAAI,WAAW,QAAS;GACzC,OAAO,GAAG,QAAQ,IAAI,IAAI;IAC3B;;uBA1FC,mBAkCM,OAAA,EAlCA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAAA,UAAA,EAAA,CACuC,QAAA,UAAA,WAAA,EAAvC,mBAIM,OAAA;;IAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;OAChB,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,MAAA,CAAA;IAAU,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA;OACpD,WAA4D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA5C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA4B,CAAA,gBAAA,gBAArB,WAAA,MAAU,GAAG,KAAC,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAKzD,mBAwBM,UAAA,EAAA,KAAA,GAAA,EAAA,CAzBN,mBAAA,UAAA,EACA,mBAwBM,OAAA;IAtBH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;IACZ,OAAK,eAAA;KAAA,QAAY,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,OAAgB,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,CAAA;qBAE5D,mBAcM,OAdN,YAcM,CAbJ,mBAA+E,UAAA;IAAvE,IAAG;IAAK,IAAG;IAAS;IAAG,MAAK;IAAO,QAAO;IAAU,gBAAa;OACzE,mBAWE,UAAA;IAVC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;IACb,IAAG;IACH,IAAG;IACC;IACJ,MAAK;IACJ,QAAQ,OAAA;IACT,gBAAa;IACZ,oBAAkB,UAAA;IAClB,qBAAmB;IACnB,kBAAgB,WAAA,UAAU,IAAS,KAAA,IAAS;gCAIjD,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,iBAAA,CAAA,EAAA,EAAA,CAChB,WAA8D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA9C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA8B,CAAA,gBAAA,gBAAtB,WAAA,MAAU,GAAG,MAAE,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,EAAA"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <!-- 条形进度条 -->\n    <div :class=\"cls.e('bar-wrap')\" v-if=\"!circle\">\n      <div :class=\"cls.e('bar')\" :style=\"{ width: percentage + '%' }\">\n        <slot v-bind=\"{ percentage, type }\">{{ percentage }}%</slot>\n      </div>\n    </div>\n\n    <!-- 环形进度条 -->\n    <div\n      v-else\n      :class=\"cls.e('circle')\"\n      :style=\"{ height: withUnit(size, 'px'), width: withUnit(size, 'px') }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <circle cx=\"50\" cy=\"50\" :r=\"r\" fill=\"none\" stroke=\"#f5f8fa\" stroke-width=\"8\" />\n        <circle\n          :class=\"cls.e('circle-ring')\"\n          cx=\"50\"\n          cy=\"50\"\n          :r=\"r\"\n          fill=\"none\"\n          :stroke=\"stroke\"\n          stroke-width=\"8\"\n          :stroke-dasharray=\"dashArray\"\n          :stroke-dashoffset=\"offset\"\n          :stroke-linecap=\"percentage === 0 ? undefined : 'round'\"\n        />\n      </svg>\n\n      <div :class=\"cls.e('circle-content')\">\n        <slot v-bind=\"{ percentage, type }\"> {{ percentage }}% </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { ProgressProps, ColorType } from '../../types'\n\ndefineOptions({ name: 'Progress' })\n\nconst props = withDefaults(defineProps<ProgressProps>(), { type: 'primary', circle: false })\n\ndefineSlots<{\n  default: (props: {\n    /** 进度百分比 */\n    percentage: number\n    /** 样式类型 */\n    type: ColorType\n  }) => any\n}>()\n\nconst cls = bem('progress')\n\nconst percentage = computed(() => {\n  return n(props.percentage ?? 0).range(0, 100)\n})\n\nconst type = computed<ColorType>(() => {\n  const { type } = props\n  return typeof type === 'function' ? type(percentage.value) : type\n})\n\nconst className = computed(() => {\n  return [cls.b, bem.is('circle', props.circle), cls.m(type.value)]\n})\n\n/** 描边 */\nconst stroke = computed(() => {\n  return `var(--u-color-${type.value})`\n})\n\nconst r = 44\nconst c = 2 * Math.PI * r\nconst offset = c / 4\n\n/** 圆周 */\nconst dashArray = computed(() => {\n  const dashLen = (c * percentage.value) / 100\n  return `${dashLen}, ${c - dashLen}`\n})\n</script>\n"],"mappings":";;;;;;;;;;AA8EA,MAAM,IAAI;;;;;;;;;;;;;;;;;EA/BV,MAAM,QAAQ;EAWd,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,aAAa,eAAe;GAChC,OAAO,EAAE,MAAM,cAAc,EAAC,CAAE,MAAM,GAAG,IAAG;IAC7C;EAED,MAAM,OAAO,eAA0B;GACrC,MAAM,EAAE,SAAS;GACjB,OAAO,OAAO,SAAS,aAAa,KAAK,WAAW,MAAK,GAAI;IAC9D;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,GAAG,UAAU,MAAM,OAAM;IAAG,IAAI,EAAE,KAAK,MAAK;IAAC;IACjE;;EAGD,MAAM,SAAS,eAAe;GAC5B,OAAO,iBAAiB,KAAK,MAAM;IACpC;EAGD,MAAM,IAAI,IAAI,KAAK,KAAK;EACxB,MAAM,SAAS,IAAI;;EAGnB,MAAM,YAAY,eAAe;GAC/B,MAAM,UAAW,IAAI,WAAW,QAAS;GACzC,OAAO,GAAG,QAAQ,IAAI,IAAI;IAC3B;;uBArFC,mBAkCM,OAAA,EAlCA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAAA,UAAA,EAAA,CACuC,QAAA,UAAA,WAAA,EAAvC,mBAIM,OAAA;;IAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;OAChB,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,MAAA,CAAA;IAAU,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA;OACpD,WAA4D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA5C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA4B,CAAA,gBAAA,gBAArB,WAAA,MAAU,GAAG,KAAC,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAKzD,mBAwBM,UAAA,EAAA,KAAA,GAAA,EAAA,CAzBN,mBAAA,UAAA,EACA,mBAwBM,OAAA;IAtBH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;IACZ,OAAK,eAAA;KAAA,QAAY,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,OAAgB,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,CAAA;qBAE5D,mBAcM,OAdN,YAcM,CAbJ,mBAA+E,UAAA;IAAvE,IAAG;IAAK,IAAG;IAAS;IAAG,MAAK;IAAO,QAAO;IAAU,gBAAa;OACzE,mBAWE,UAAA;IAVC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;IACb,IAAG;IACH,IAAG;IACC;IACJ,MAAK;IACJ,QAAQ,OAAA;IACT,gBAAa;IACZ,oBAAkB,UAAA;IAClB,qBAAmB;IACnB,kBAAgB,WAAA,UAAU,IAAS,KAAA,IAAS;gCAIjD,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,iBAAA,CAAA,EAAA,EAAA,CAChB,WAA8D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA9C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA8B,CAAA,gBAAA,gBAAtB,WAAA,MAAU,GAAG,MAAE,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,EAAA"}

package/dist/components/progress-nodes/progress-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-nodes.js","names":[],"sources":["../../../src/components/progress-nodes/progress-nodes.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"className\" :style=\"containerStyle\" @scroll=\"checkScroll\">\n    <ul :class=\"cls.e('list')\">\n      <li\n        v-for=\"(node, index) in nodes\"\n        :key=\"node.key ?? index\"\n        :class=\"[\n          cls.e('item'),\n          bem.is('checked', isChecked(node, index)),\n          bem.is('active', isActive(node))\n        ]\"\n        @click=\"handleClick(node, index)\"\n      >\n        <div :class=\"cls.e('node')\">\n          <!-- 虚线连接 -->\n          <div v-if=\"index !== nodes.length - 1\" :class=\"cls.e('link')\"></div>\n\n          <!-- 节点圆点 -->\n          <span :class=\"cls.e('dot')\">\n            <slot name=\"icon\" :node=\"node\" :index=\"index\" />\n          </span>\n        </div>\n\n        <div :class=\"cls.e('label')\">\n          <slot :node=\"node\" :index=\"index\">\n            {{ getLabel(node) }}\n          </slot>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useDrag, useResizeObserver } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({\n  name: 'ProgressNodes'\n})\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst { nodes } = toRefs(props)\n\nconst cls = bem('progress-nodes')\nconst containerRef = useTemplateRef('container')\nconst isDragging = shallowRef(false)\nconst isScrollable = shallowRef(false)\nconst showMaskStart = shallowRef(false)\nconst showMaskEnd = shallowRef(false)\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(props.colorType),\n  bem.is('scrollable', isScrollable.value),\n  bem.is('dragging', isDragging.value),\n  bem.is('mask-start', showMaskStart.value),\n  bem.is('mask-end', showMaskEnd.value)\n])\n\nconst containerStyle = computed(() => {\n  const style: Record<string, string> = {}\n  const maxWidth = toCssSize(props.maxWidth)\n  if (maxWidth) style.maxWidth = maxWidth\n  return style\n})\n\nlet startScrollLeft = 0\n\nuseDrag({\n  target: containerRef,\n  onDragStart() {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    isDragging.value = true\n    startScrollLeft = container.scrollLeft\n  },\n  onDrag({ x }) {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    container.scrollLeft = startScrollLeft - x\n  },\n  onDragEnd() {\n    isDragging.value = false\n  }\n})\n\nuseResizeObserver({\n  targets: containerRef,\n  onResize: checkScroll\n})\n\nwatch(\n  nodes,\n  () => {\n    nextTick(checkScroll)\n  },\n  { deep: true }\n)\n\nfunction checkScroll() {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollLeft, scrollWidth, clientWidth } = container\n  isScrollable.value = scrollWidth > clientWidth + 1\n  showMaskStart.value = scrollLeft > 0\n  showMaskEnd.value = scrollLeft + clientWidth < scrollWidth - 1\n}\n\nfunction isChecked(node: Record<string, any>, index: number) {\n  return props.check?.(node, index) ?? false\n}\n\nfunction isActive(node: Record<string, any>) {\n  const value = o(node).get(props.valueKey)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(props.labelKey)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(props.valueKey)\n  emit('update:modelValue', value)\n  emit('click', node, index)\n}\n\nfunction toCssSize(value?: number | string) {\n  if (value === undefined) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"progress-nodes.js","names":[],"sources":["../../../src/components/progress-nodes/progress-nodes.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"className\" :style=\"containerStyle\" @scroll=\"checkScroll\">\n    <ul :class=\"cls.e('list')\">\n      <li\n        v-for=\"(node, index) in nodes\"\n        :key=\"node.key ?? index\"\n        :class=\"[\n          cls.e('item'),\n          bem.is('checked', isChecked(node, index)),\n          bem.is('active', isActive(node))\n        ]\"\n        @click=\"handleClick(node, index)\"\n      >\n        <div :class=\"cls.e('node')\">\n          <!-- 虚线连接 -->\n          <div v-if=\"index !== nodes.length - 1\" :class=\"cls.e('link')\"></div>\n\n          <!-- 节点圆点 -->\n          <span :class=\"cls.e('dot')\">\n            <slot name=\"icon\" :node=\"node\" :index=\"index\" />\n          </span>\n        </div>\n\n        <div :class=\"cls.e('label')\">\n          <slot :node=\"node\" :index=\"index\">\n            {{ getLabel(node) }}\n          </slot>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useDrag, useResizeObserver } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({ name: 'ProgressNodes' })\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst { nodes } = toRefs(props)\n\nconst cls = bem('progress-nodes')\nconst containerRef = useTemplateRef('container')\nconst isDragging = shallowRef(false)\nconst isScrollable = shallowRef(false)\nconst showMaskStart = shallowRef(false)\nconst showMaskEnd = shallowRef(false)\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(props.colorType),\n  bem.is('scrollable', isScrollable.value),\n  bem.is('dragging', isDragging.value),\n  bem.is('mask-start', showMaskStart.value),\n  bem.is('mask-end', showMaskEnd.value)\n])\n\nconst containerStyle = computed(() => {\n  const style: Record<string, string> = {}\n  const maxWidth = toCssSize(props.maxWidth)\n  if (maxWidth) style.maxWidth = maxWidth\n  return style\n})\n\nlet startScrollLeft = 0\n\nuseDrag({\n  target: containerRef,\n  onDragStart() {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    isDragging.value = true\n    startScrollLeft = container.scrollLeft\n  },\n  onDrag({ x }) {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    container.scrollLeft = startScrollLeft - x\n  },\n  onDragEnd() {\n    isDragging.value = false\n  }\n})\n\nuseResizeObserver({ targets: containerRef, onResize: checkScroll })\n\nwatch(\n  nodes,\n  () => {\n    nextTick(checkScroll)\n  },\n  { deep: true }\n)\n\nfunction checkScroll() {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollLeft, scrollWidth, clientWidth } = container\n  isScrollable.value = scrollWidth > clientWidth + 1\n  showMaskStart.value = scrollLeft > 0\n  showMaskEnd.value = scrollLeft + clientWidth < scrollWidth - 1\n}\n\nfunction isChecked(node: Record<string, any>, index: number) {\n  return props.check?.(node, index) ?? false\n}\n\nfunction isActive(node: Record<string, any>) {\n  const value = o(node).get(props.valueKey)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(props.labelKey)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(props.valueKey)\n  emit('update:modelValue', value)\n  emit('click', node, index)\n}\n\nfunction toCssSize(value?: number | string) {\n  if (value === undefined) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n}\n</script>\n"],"mappings":"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"}

package/dist/components/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n  <label :class=\"classList\">\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <input\n        type=\"radio\"\n        :class=\"cls.e('native')\"\n        :value=\"value\"\n        v-model=\"model\"\n        :disabled=\"disabled\"\n        hidden\n      />\n\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({\n  name: 'Radio'\n})\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), {\n  disabled: undefined\n})\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ,SAAgB,SAAA,aAAC;EAE/B,MAAM,QAAQ;EAMd,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GACxE,MAAM;GACN,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,MAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,aAAa,MAAK;IACtC;IACD;;uBA7DC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBAAA,WAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,SAAA;KACX,QAAA;6CAFS,MAAA,MAAK,CAAA,CAAA,EAKhB,YAEa,YAAA,EAFD,MAAK,WAAS,EAAA;4BACiC,CAArB,aAAA,SAAA,WAAA,EAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n  <label :class=\"classList\">\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <input\n        type=\"radio\"\n        :class=\"cls.e('native')\"\n        :value=\"value\"\n        v-model=\"model\"\n        :disabled=\"disabled\"\n        hidden\n      />\n\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'Radio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,SAAgB,SAAA,aAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GACxE,MAAM;GACN,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,MAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,aAAa,MAAK;IACtC;IACD;;uBAzDC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBAAA,WAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,SAAA;KACX,QAAA;6CAFS,MAAA,MAAK,CAAA,CAAA,EAKhB,YAEa,YAAA,EAFD,MAAK,WAAS,EAAA;4BACiC,CAArB,aAAA,SAAA,WAAA,EAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/components/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, bem.is('block', block), cls.m(size)]\" v-if=\"!readonly\">\n    <u-radio\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :value=\"item[valueKey]\"\n      :model-value=\"model\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabledItem?.(item) || disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-radio>\n  </div>\n\n  <template v-else>\n    {{ items.find((item) => item[valueKey] === model)?.[labelKey] || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({\n  name: 'RadioGroup'\n})\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<RadioGroupEmits>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('radio-group')\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAOd,MAAM,QAAQ,SAAgB,SAAA,aAAC;EAE/B,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,KAAI;;;WAtD+C,MAAA,SAAA,IAAA,WAAA,EAAlE,mBAYM,OAAA;;IAZA,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI;KAAG,MAAA,IAAA,CAAI,GAAE,SAAU,QAAA,MAAK;KAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA;KAAA,CAAA;yBACrD,mBAUU,UAAA,MAAA,WATO,QAAA,QAAR,SAAI;wBADb,YAUU,aAAA;KARP,KAAK,KAAK,QAAA;KACV,OAAO,KAAK,QAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,QAAA,eAAe,KAAI,IAAK,MAAA,SAAA;KAClC,MAAM,MAAA,KAAA;;4BAEa,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;;mCAIpB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,QAAA,MAAM,MAAM,SAAS,KAAK,QAAA,cAAc,MAAA,MAAK,GAAI,QAAA,aAAa,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, bem.is('block', block), cls.m(size)]\" v-if=\"!readonly\">\n    <u-radio\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :value=\"item[valueKey]\"\n      :model-value=\"model\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabledItem?.(item) || disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-radio>\n  </div>\n\n  <template v-else>\n    {{ items.find((item) => item[valueKey] === model)?.[labelKey] || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({ name: 'RadioGroup' })\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<RadioGroupEmits>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('radio-group')\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAOd,MAAM,QAAQ,SAAgB,SAAA,aAAC;EAE/B,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,KAAI;;;WApD+C,MAAA,SAAA,IAAA,WAAA,EAAlE,mBAYM,OAAA;;IAZA,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI;KAAG,MAAA,IAAA,CAAI,GAAE,SAAU,QAAA,MAAK;KAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA;KAAA,CAAA;yBACrD,mBAUU,UAAA,MAAA,WATO,QAAA,QAAR,SAAI;wBADb,YAUU,aAAA;KARP,KAAK,KAAK,QAAA;KACV,OAAO,KAAK,QAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,QAAA,eAAe,KAAI,IAAK,MAAA,SAAA;KAClC,MAAM,MAAA,KAAA;;4BAEa,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;;mCAIpB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,QAAA,MAAM,MAAM,SAAS,KAAK,QAAA,cAAc,MAAA,MAAK,GAAI,QAAA,aAAa,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -16,10 +16,10 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
-  labelKey: string;
-  valueKey: string;
   disabled: boolean;
   readonly: boolean;
+  labelKey: string;
+  valueKey: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/scroll/scroll-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({\n  name: 'ScrollBar'\n})\n\nconst props = defineProps<{\n  type: 'x' | 'y'\n}>()\n\nconst emit = defineEmits<{\n  drag: [offset: number, size: number]\n}>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return {\n          width: size.value + 'px',\n          transform: `translateX(${offset.value}px)`\n        }\n      })\n    : computed(() => {\n        return {\n          height: size.value + 'px',\n          transform: `translateY(${offset.value}px)`\n        }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,OAAO;;EAKb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAW;EAElC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAM,EAAG,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;GACb,OAAO;IACL,OAAO,KAAK,QAAQ;IACpB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD,GACD,eAAe;GACb,OAAO;IACL,QAAQ,KAAK,QAAQ;IACrB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;EAGhD,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,SAAS,QAAQ;IACjB,gBAAgB,OAAO;;GAEzB,YAAY;IACV,SAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;IAEnC,IAAI,YAAY,GACd,OAAO,QAAQ;SACV,IAAI,YAAY,WACrB,OAAO,QAAQ;SAEf,OAAO,QAAQ;IAGjB,KAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;EAED,SAAa;;GAEX,OAAO,OAAe,SAAuB;IAC3C,KAAK,QAAQ;IACb,OAAO,QAAQ;;;GAIjB,aAAa,MAAoB;IAC/B,YAAY;;GAEf,CAAA;;uCAnGC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}
+{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({ name: 'ScrollBar' })\n\nconst props = defineProps<{ type: 'x' | 'y' }>()\n\nconst emit = defineEmits<{ drag: [offset: number, size: number] }>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return { width: size.value + 'px', transform: `translateX(${offset.value}px)` }\n      })\n    : computed(() => {\n        return { height: size.value + 'px', transform: `translateY(${offset.value}px)` }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAaA,MAAM,QAAQ;EAEd,MAAM,OAAO;;EAGb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAW;EAElC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAM,EAAG,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;GACb,OAAO;IAAE,OAAO,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;IAAK;IAC/E,GACD,eAAe;GACb,OAAO;IAAE,QAAQ,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;IAAK;IAChF;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;EAGhD,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,SAAS,QAAQ;IACjB,gBAAgB,OAAO;;GAEzB,YAAY;IACV,SAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;IAEnC,IAAI,YAAY,GACd,OAAO,QAAQ;SACV,IAAI,YAAY,WACrB,OAAO,QAAQ;SAEf,OAAO,QAAQ;IAGjB,KAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;EAED,SAAa;;GAEX,OAAO,OAAe,SAAuB;IAC3C,KAAK,QAAQ;IACb,OAAO,QAAQ;;;GAIjB,aAAa,MAAoB;IAC/B,YAAY;;GAEf,CAAA;;uCAvFC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}

package/dist/components/scroll/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nconst updateBar = () => {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    const trackEl = scrollRef.value\n    if (trackEl) {\n      trackSize.width = trackEl.clientWidth\n      trackSize.height = trackEl.clientHeight\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n    }\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({ name: 'Scroll' })\n\nconst props = withDefaults(defineProps<ScrollProps>(), { tag: 'div' })\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  return { height: withUnit(props.height, 'px') }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = { width: 0, height: 0 }\n\nconst updateBar = () => {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    const trackEl = scrollRef.value\n    if (trackEl) {\n      trackSize.width = trackEl.clientWidth\n      trackSize.height = trackEl.clientHeight\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n    }\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, { cls })\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/components/select/select.vue.d.ts

@@ -26,10 +26,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
-  labelKey: string;
-  valueKey: string;
   disabled: boolean;
   readonly: boolean;
+  labelKey: string;
+  valueKey: string;
   placeholder: string;
   clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/slider/slider-thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{\n  modelValue: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void\n}>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return {\n      transform: `translate(0, ${props.modelValue}px)`\n    }\n  }\n  return {\n    transform: `translate(${props.modelValue}px, 0)`\n  }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,iBAAgB;EAEtF,MAAM,WAAW,eAAe,QAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EACL,WAAW,gBAAgB,MAAM,WAAW,MAC9C;GAEF,OAAO,EACL,WAAW,aAAa,MAAM,WAAW,SAC3C;IACD;EAED,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,OAAM;GAC/B,KAAK,qBAAqB,OAAM;GAChC,OAAO;;EAGT,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,MAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,QAAO;KACrD;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,QACxC,CAAA;KACrB;GACF,CAAA;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;QAElC,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;;EAItC,YACQ,MAAM,aACX,WAAW;GACV,IAAI,cAAa,EAAG;GACpB,cAAc,OAAM;IAExB;;uBAnEE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;IAAY,OAAK,eAAL,MAAA,MAAK"}
+{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{ modelValue: number }>()\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return { transform: `translate(0, ${props.modelValue}px)` }\n  }\n  return { transform: `translate(${props.modelValue}px, 0)` }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,iBAAgB;EAEtF,MAAM,WAAW,eAAe,QAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EAAE,WAAW,gBAAgB,MAAM,WAAW,MAAK;GAE5D,OAAO,EAAE,WAAW,aAAa,MAAM,WAAW,SAAQ;IAC3D;EAED,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,OAAM;GAC/B,KAAK,qBAAqB,OAAM;GAChC,OAAO;;EAGT,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,MAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,QAAO;KACrD;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,QACxC,CAAA;KACrB;GACF,CAAA;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;QAElC,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;;EAItC,YACQ,MAAM,aACX,WAAW;GACV,IAAI,cAAa,EAAG;GACpB,cAAc,OAAM;IAExB;;uBA3DE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;IAAY,OAAK,eAAL,MAAA,MAAK"}