@tendaui/react 1.1.5 → 1.1.6

package/es/color-picker/style/index.css

@@ -2,47 +2,35 @@
   padding: 0;
   width: 256px;
   background: var(--td-bg-color-container);
-  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
   border-radius: var(--td-radius-medium);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 
 .t-popup__content .t-color-picker__panel {
   background: transparent;
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
+  box-shadow: unset;
 }
 
 .t-color-picker {
   font: var(--td-font-body-medium);
   color: var(--td-text-color-primary);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .t-color-picker.t-popup__content {
-  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
 }
 .t-color-picker__icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   font-size: var(--td-comp-size-xxxs);
   background: transparent;
-  -webkit-transition: 0.2s linear;
   transition: 0.2s linear;
   color: var(--td-text-color-secondary);
   border-radius: var(--td-radius-default);
@@ -50,7 +38,6 @@
 }
 .t-color-picker__icon:hover {
   background: var(--td-bg-color-container-hover);
-  -webkit-transition: 0.2s linear;
   transition: 0.2s linear;
 }
 .t-color-picker__icon.t-is-disabled {
@@ -59,22 +46,15 @@
 }
 
 .t-color-picker__head {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
   padding: var(--td-pop-padding-xl);
   position: relative;
   z-index: 2;
 }
 .t-color-picker__head .t-color-picker__close {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
 }
 .t-color-picker__head + .t-color-picker__body {
   padding-top: 0;
@@ -93,13 +73,11 @@
   width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
   height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
   border-radius: var(--td-radius-circle);
-  -webkit-box-shadow: var(--td-shadow-1);
-          box-shadow: var(--td-shadow-1);
+  box-shadow: var(--td-shadow-1);
   background: var(--td-text-color-anti);
   color: var(--td-text-color-brand);
   padding: 2px;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .t-color-picker__thumb::before {
   content: "";
@@ -127,20 +105,17 @@
 }
 .t-color-picker__saturation::before {
   /* stylelint-disable-next-line color-no-hex */
-  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
   background: linear-gradient(90deg, #fff, transparent);
 }
 .t-color-picker__saturation::after {
   /* stylelint-disable-next-line color-no-hex */
-  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
   background: linear-gradient(0deg, #000, transparent);
 }
 .t-color-picker__saturation .t-color-picker__thumb {
   width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
   height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
   border-radius: var(--td-radius-circle);
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
 }
 
 .t-color-picker__slider-wrapper {
@@ -179,8 +154,7 @@
   z-index: 1;
 }
 .t-color-picker__slider .t-color-picker__thumb {
-  -webkit-transform: translate(calc((var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
-          transform: translate(calc((var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
+  transform: translate(calc((var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
   top: 50%;
 }
 .t-color-picker__slider .t-color-picker__rail {
@@ -200,22 +174,16 @@
 
 .t-color-picker__hue {
   /* stylelint-disable color-no-hex, color-named */
-  background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
   background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
 }
 
 .t-color-picker__alpha .t-color-picker__rail {
-  background: -webkit-gradient(linear, left top, right top, from(transparent), to(currentcolor));
   background: linear-gradient(to right, transparent, currentcolor);
 }
 
 .t-color-picker__sliders-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin: var(--td-comp-margin-m) 0;
 }
 
@@ -224,8 +192,7 @@
 }
 
 .t-color-picker__sliders-preview {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
   margin-left: var(--td-comp-margin-m);
   width: var(--td-comp-size-s);
   height: var(--td-comp-size-s);
@@ -245,23 +212,16 @@
 
 .t-color-picker__gradient {
   padding: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin-bottom: var(--td-comp-margin-m);
 }
 .t-color-picker__gradient-slider {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .t-color-picker__gradient-degree {
   position: relative;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
   margin-left: var(--td-comp-margin-m);
   width: var(--td-comp-size-xxl);
 }
@@ -288,8 +248,7 @@
 .t-color-picker__gradient .gradient-thumbs__item {
   top: 50%;
   left: 0;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
   z-index: 0;
   cursor: pointer;
 }
@@ -316,24 +275,15 @@
 }
 
 .t-color-picker__format {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
 }
 .t-color-picker__format--item:first-child {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
 }
 .t-color-picker__format--item:last-child {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .t-color-picker__format--item .t-size-m,
 .t-color-picker__format--item .t-input.t-size-m {
@@ -343,20 +293,13 @@
   margin: 0;
 }
 .t-color-picker__format--item .input-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
+  align-items: center;
+  justify-content: space-around;
   margin-left: var(--td-comp-margin-s);
 }
 .t-color-picker__format--item .input-group__item {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   width: 0;
   margin-left: -1px;
 }
@@ -384,8 +327,6 @@
 }
 .t-color-picker__format-mode-select {
   width: 72px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .t-color-picker__format-mode-select .t-select,
@@ -410,24 +351,14 @@
   font: var(--td-font-body-small);
   padding: 0;
   color: var(--td-text-color-primary);
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--actions {
   margin-left: auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   font-size: 0;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon {
@@ -447,12 +378,9 @@
   padding: calc(var(--td-pop-padding-xl) - 8px);
   position: relative;
   left: calc(0px - (var(--td-pop-padding-xl) - 8px));
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
+  box-sizing: content-box;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   width: var(--td-comp-size-xxxs);
   height: var(--td-comp-size-xxxs);
@@ -460,25 +388,16 @@
   padding: 0;
   overflow: hidden;
   cursor: pointer;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   position: relative;
-  -webkit-transform-origin: center;
-          transform-origin: center;
-  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transform-origin: center;
   transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover {
-  -webkit-transform: scale(1.25);
-          transform: scale(1.25);
-  -webkit-transform-origin: center;
-          transform-origin: center;
+  transform: scale(1.25);
+  transform-origin: center;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
   width: 100%;
@@ -487,8 +406,7 @@
   overflow: hidden;
   border: 1px solid var(--td-component-border);
   border-radius: var(--td-radius-default);
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
   width: 100%;
@@ -507,28 +425,21 @@
   position: relative;
   overflow: hidden;
   border-radius: var(--td-radius-default);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
   width: 100%;
   height: 100%;
   display: block;
   border-radius: var(--td-radius-default);
-  -webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-          box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
 }
 
 .t-color-picker__trigger--default {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .t-color-picker__trigger--default > .t-input {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
@@ -538,14 +449,9 @@
 .t-color-picker__trigger--default__color {
   width: 100%;
   height: 100%;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  box-sizing: border-box;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .t-color-picker__trigger--default__color .color-inner {
   border: 1px solid var(--td-scrollbar-color);
@@ -592,6 +498,5 @@
 }
 
 .t-color-picker__select-options > .t-popup__content {
-  -webkit-box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-          box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
+  box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
 }

package/es/color-picker/utils/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../components/color-picker/utils/color-picker/draggable.ts","../../../../../components/color-picker/utils/color-picker/format.ts"],"sourcesContent":["/* eslint-disable no-use-before-define */\r\nexport interface Coordinate {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport type DraggableEvent = MouseEvent;\r\n\r\ninterface DraggableCallback {\r\n  (coordinate: Coordinate, event?: DraggableEvent): void;\r\n}\r\n\r\nexport interface DraggableProps {\r\n  start?: DraggableCallback;\r\n  drag?: DraggableCallback;\r\n  end?: DraggableCallback;\r\n}\r\n\r\ninterface DraggableHandles {\r\n  start: (event: DraggableEvent) => void;\r\n  drag: (event: DraggableEvent) => void;\r\n  end: (event: DraggableEvent) => void;\r\n}\r\n\r\n// 配置项\r\nconst defaultsOptions: DraggableProps = {\r\n  start: (coordinate: Coordinate, event: DraggableEvent) => {},\r\n  drag: (coordinate: Coordinate, event: DraggableEvent) => {},\r\n  end: (coordinate: Coordinate, event: DraggableEvent) => {},\r\n};\r\n\r\nexport class Draggable {\r\n  private dragging = false;\r\n\r\n  private $el: HTMLElement;\r\n\r\n  private props: DraggableProps;\r\n\r\n  private handles: DraggableHandles;\r\n\r\n  constructor(el: HTMLElement, options?: DraggableProps) {\r\n    this.$el = el;\r\n    this.props = { ...defaultsOptions, ...options };\r\n    this.handles = {\r\n      start: this.#dragStart.bind(this),\r\n      drag: this.#drag.bind(this),\r\n      end: this.#dragEnd.bind(this),\r\n    };\r\n    this.$el.addEventListener('mousedown', this.handles.start, false);\r\n  }\r\n\r\n  #dragStart(event: DraggableEvent) {\r\n    if (this.dragging) {\r\n      return;\r\n    }\r\n    // event.preventDefault();\r\n    window.addEventListener('mousemove', this.handles.drag, false);\r\n    window.addEventListener('mouseup', this.handles.end, false);\r\n    window.addEventListener('contextmenu', this.handles.end, false);\r\n    this.dragging = true;\r\n    this.props.start(this.#getCoordinate(event), event);\r\n  }\r\n\r\n  #drag(event: DraggableEvent) {\r\n    if (!this.dragging) {\r\n      return;\r\n    }\r\n    this.props.drag(this.#getCoordinate(event), event);\r\n  }\r\n\r\n  #dragEnd(event: DraggableEvent) {\r\n    setTimeout(() => {\r\n      this.dragging = false;\r\n      this.props.end(this.#getCoordinate(event), event);\r\n    }, 0);\r\n    window.removeEventListener('mousemove', this.handles.drag, false);\r\n    window.removeEventListener('mouseup', this.handles.end, false);\r\n    window.removeEventListener('contextmenu', this.handles.end, false);\r\n  }\r\n\r\n  #getCoordinate(event: DraggableEvent) {\r\n    const rect = this.$el.getBoundingClientRect();\r\n    const mouseEvent = event;\r\n    const left = mouseEvent.clientX - rect.left;\r\n    const top = mouseEvent.clientY - rect.top;\r\n    return {\r\n      y: Math.min(Math.max(0, top), rect.height),\r\n      x: Math.min(Math.max(0, left), rect.width),\r\n    };\r\n  }\r\n\r\n  destroy() {\r\n    this.$el.removeEventListener('mousedown', this.handles.start, false);\r\n    window.removeEventListener('mousemove', this.handles.drag, false);\r\n    window.removeEventListener('mouseup', this.handles.end, false);\r\n    window.removeEventListener('contextmenu', this.handles.end, false);\r\n  }\r\n}\r\n\r\nexport default Draggable;\r\n","import Color from './color';\r\nimport { ALPHA_FORMAT_MAP, COLOR_FORMAT_INPUTS, FORMATS } from './constants';\r\nimport type { AlphaConvertibleFormat, BasicColorFormat, ColorFormat } from './types';\r\n\r\n/**\r\n * 兜底处理用户传入的格式，例如：\r\n * - 传入 `RGB`， 但 `enableAlpha` ，则返回 `RGBA`\r\n */\r\nexport const initColorFormat = (format: ColorFormat, enableAlpha: boolean) => {\r\n  if (enableAlpha && format in ALPHA_FORMAT_MAP) {\r\n    return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format as AlphaConvertibleFormat] : format;\r\n  }\r\n  return format as BasicColorFormat;\r\n};\r\n\r\n/**\r\n * 获取不同格式的输入输出值\r\n * - encode：将字符串转换为单独的颜色值，例如 `{r: 255, g: 255, b: 255}`\r\n * - decode：获取完整的颜色字符串，例如 `rgb(255, 255, 255)`\r\n */\r\nexport const getColorFormatMap = (color: Color, type: 'encode' | 'decode') => {\r\n  if (type === 'encode') {\r\n    return {\r\n      HSV: color.getHsva(),\r\n      HSVA: color.getHsva(),\r\n      HSL: color.getHsla(),\r\n      HSLA: color.getHsla(),\r\n      RGB: color.getRgba(),\r\n      RGBA: color.getRgba(),\r\n      CMYK: color.getCmyk(),\r\n      CSS: {\r\n        css: color.css,\r\n      },\r\n      HEX: {\r\n        hex: color.hex,\r\n      },\r\n      HEX8: {\r\n        hex: color.hex8, // 为了减少转换 hex8 的 key 也对应 hex\r\n      },\r\n    };\r\n  }\r\n\r\n  // decode\r\n  return color.getFormatsColorMap();\r\n};\r\n\r\n/**\r\n * 获取下拉框的格式选项\r\n */\r\nexport const getColorFormatOptions = (enableAlpha: boolean) => (\r\n  enableAlpha\r\n    ? FORMATS.map((item) => (item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item as AlphaConvertibleFormat] : item))\r\n    : FORMATS\r\n);\r\n\r\n/**\r\n * 获取当前格式的输入框配置\r\n */\r\nexport const getColorFormatInputs = (\r\n  format: ColorFormat = 'RGB',\r\n  enableAlpha: boolean\r\n) => {\r\n  let finalFormat;\r\n\r\n  /* 为了减少 `ALPHA_FORMAT_MAP` 中的重复代码\r\n     `RGBA/HEX8/HSLA/HSVA` 会被转换为 `RGB/HEX/HSL/HSV` 后再匹配\r\n     但在下一步会 push 一个代表透明度的输入框 */\r\n  if (enableAlpha) {\r\n    finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(\r\n      (key) => key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key as AlphaConvertibleFormat] === format\r\n    ) || format;\r\n  } else {\r\n    finalFormat = format;\r\n  }\r\n\r\n  if (!COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]) return [];\r\n\r\n  const configs = [\r\n    ...(COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]),\r\n  ];\r\n\r\n  // CMYK 格式不支持透明度\r\n  if (enableAlpha && format !== 'CMYK') {\r\n    configs.push({\r\n      type: 'inputNumber',\r\n      key: 'a',\r\n      min: 0,\r\n      max: 100,\r\n      format: (value: number) => `${value}%`,\r\n      flex: 1.15,\r\n    });\r\n  }\r\n\r\n  return configs;\r\n};\r\n"],"names":["defaultsOptions","start","coordinate","event","drag","end","_Draggable_brand","WeakSet","Draggable","el","options","_classCallCheck","_classPrivateMethodInitSpec","_defineProperty","$el","props","_objectSpread","handles","_assertClassBrand","_dragStart","bind","_drag","_dragEnd","addEventListener","_createClass","key","value","destroy","removeEventListener","window","dragging","_getCoordinate","call","_this","setTimeout","rect","getBoundingClientRect","mouseEvent","left","clientX","top","clientY","y","Math","min","max","height","x","width","initColorFormat","format","enableAlpha","ALPHA_FORMAT_MAP","getColorFormatMap","color","type","HSV","getHsva","HSVA","HSL","getHsla","HSLA","RGB","getRgba","RGBA","CMYK","getCmyk","CSS","css","HEX","hex","HEX8","hex8","getFormatsColorMap","getColorFormatOptions","FORMATS","map","item","getColorFormatInputs","arguments","length","undefined","finalFormat","Object","keys","find","COLOR_FORMAT_INPUTS","configs","_toConsumableArray","push","concat","flex"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../components/color-picker/utils/color-picker/draggable.ts","../../../../../components/color-picker/utils/color-picker/format.ts"],"sourcesContent":["/* eslint-disable no-use-before-define */\nexport interface Coordinate {\n  x: number;\n  y: number;\n}\n\nexport type DraggableEvent = MouseEvent;\n\ninterface DraggableCallback {\n  (coordinate: Coordinate, event?: DraggableEvent): void;\n}\n\nexport interface DraggableProps {\n  start?: DraggableCallback;\n  drag?: DraggableCallback;\n  end?: DraggableCallback;\n}\n\ninterface DraggableHandles {\n  start: (event: DraggableEvent) => void;\n  drag: (event: DraggableEvent) => void;\n  end: (event: DraggableEvent) => void;\n}\n\n// 配置项\nconst defaultsOptions: DraggableProps = {\n  start: (coordinate: Coordinate, event: DraggableEvent) => {},\n  drag: (coordinate: Coordinate, event: DraggableEvent) => {},\n  end: (coordinate: Coordinate, event: DraggableEvent) => {},\n};\n\nexport class Draggable {\n  private dragging = false;\n\n  private $el: HTMLElement;\n\n  private props: DraggableProps;\n\n  private handles: DraggableHandles;\n\n  constructor(el: HTMLElement, options?: DraggableProps) {\n    this.$el = el;\n    this.props = { ...defaultsOptions, ...options };\n    this.handles = {\n      start: this.#dragStart.bind(this),\n      drag: this.#drag.bind(this),\n      end: this.#dragEnd.bind(this),\n    };\n    this.$el.addEventListener('mousedown', this.handles.start, false);\n  }\n\n  #dragStart(event: DraggableEvent) {\n    if (this.dragging) {\n      return;\n    }\n    // event.preventDefault();\n    window.addEventListener('mousemove', this.handles.drag, false);\n    window.addEventListener('mouseup', this.handles.end, false);\n    window.addEventListener('contextmenu', this.handles.end, false);\n    this.dragging = true;\n    this.props.start(this.#getCoordinate(event), event);\n  }\n\n  #drag(event: DraggableEvent) {\n    if (!this.dragging) {\n      return;\n    }\n    this.props.drag(this.#getCoordinate(event), event);\n  }\n\n  #dragEnd(event: DraggableEvent) {\n    setTimeout(() => {\n      this.dragging = false;\n      this.props.end(this.#getCoordinate(event), event);\n    }, 0);\n    window.removeEventListener('mousemove', this.handles.drag, false);\n    window.removeEventListener('mouseup', this.handles.end, false);\n    window.removeEventListener('contextmenu', this.handles.end, false);\n  }\n\n  #getCoordinate(event: DraggableEvent) {\n    const rect = this.$el.getBoundingClientRect();\n    const mouseEvent = event;\n    const left = mouseEvent.clientX - rect.left;\n    const top = mouseEvent.clientY - rect.top;\n    return {\n      y: Math.min(Math.max(0, top), rect.height),\n      x: Math.min(Math.max(0, left), rect.width),\n    };\n  }\n\n  destroy() {\n    this.$el.removeEventListener('mousedown', this.handles.start, false);\n    window.removeEventListener('mousemove', this.handles.drag, false);\n    window.removeEventListener('mouseup', this.handles.end, false);\n    window.removeEventListener('contextmenu', this.handles.end, false);\n  }\n}\n\nexport default Draggable;\n","import Color from './color';\nimport { ALPHA_FORMAT_MAP, COLOR_FORMAT_INPUTS, FORMATS } from './constants';\nimport type { AlphaConvertibleFormat, BasicColorFormat, ColorFormat } from './types';\n\n/**\n * 兜底处理用户传入的格式，例如：\n * - 传入 `RGB`， 但 `enableAlpha` ，则返回 `RGBA`\n */\nexport const initColorFormat = (format: ColorFormat, enableAlpha: boolean) => {\n  if (enableAlpha && format in ALPHA_FORMAT_MAP) {\n    return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format as AlphaConvertibleFormat] : format;\n  }\n  return format as BasicColorFormat;\n};\n\n/**\n * 获取不同格式的输入输出值\n * - encode：将字符串转换为单独的颜色值，例如 `{r: 255, g: 255, b: 255}`\n * - decode：获取完整的颜色字符串，例如 `rgb(255, 255, 255)`\n */\nexport const getColorFormatMap = (color: Color, type: 'encode' | 'decode') => {\n  if (type === 'encode') {\n    return {\n      HSV: color.getHsva(),\n      HSVA: color.getHsva(),\n      HSL: color.getHsla(),\n      HSLA: color.getHsla(),\n      RGB: color.getRgba(),\n      RGBA: color.getRgba(),\n      CMYK: color.getCmyk(),\n      CSS: {\n        css: color.css,\n      },\n      HEX: {\n        hex: color.hex,\n      },\n      HEX8: {\n        hex: color.hex8, // 为了减少转换 hex8 的 key 也对应 hex\n      },\n    };\n  }\n\n  // decode\n  return color.getFormatsColorMap();\n};\n\n/**\n * 获取下拉框的格式选项\n */\nexport const getColorFormatOptions = (enableAlpha: boolean) => (\n  enableAlpha\n    ? FORMATS.map((item) => (item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item as AlphaConvertibleFormat] : item))\n    : FORMATS\n);\n\n/**\n * 获取当前格式的输入框配置\n */\nexport const getColorFormatInputs = (\n  format: ColorFormat = 'RGB',\n  enableAlpha: boolean\n) => {\n  let finalFormat;\n\n  /* 为了减少 `ALPHA_FORMAT_MAP` 中的重复代码\n     `RGBA/HEX8/HSLA/HSVA` 会被转换为 `RGB/HEX/HSL/HSV` 后再匹配\n     但在下一步会 push 一个代表透明度的输入框 */\n  if (enableAlpha) {\n    finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(\n      (key) => key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key as AlphaConvertibleFormat] === format\n    ) || format;\n  } else {\n    finalFormat = format;\n  }\n\n  if (!COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]) return [];\n\n  const configs = [\n    ...(COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]),\n  ];\n\n  // CMYK 格式不支持透明度\n  if (enableAlpha && format !== 'CMYK') {\n    configs.push({\n      type: 'inputNumber',\n      key: 'a',\n      min: 0,\n      max: 100,\n      format: (value: number) => `${value}%`,\n      flex: 1.15,\n    });\n  }\n\n  return configs;\n};\n"],"names":["defaultsOptions","start","coordinate","event","drag","end","_Draggable_brand","WeakSet","Draggable","el","options","_classCallCheck","_classPrivateMethodInitSpec","_defineProperty","$el","props","_objectSpread","handles","_assertClassBrand","_dragStart","bind","_drag","_dragEnd","addEventListener","_createClass","key","value","destroy","removeEventListener","window","dragging","_getCoordinate","call","_this","setTimeout","rect","getBoundingClientRect","mouseEvent","left","clientX","top","clientY","y","Math","min","max","height","x","width","initColorFormat","format","enableAlpha","ALPHA_FORMAT_MAP","getColorFormatMap","color","type","HSV","getHsva","HSVA","HSL","getHsla","HSLA","RGB","getRgba","RGBA","CMYK","getCmyk","CSS","css","HEX","hex","HEX8","hex8","getFormatsColorMap","getColorFormatOptions","FORMATS","map","item","getColorFormatInputs","arguments","length","undefined","finalFormat","Object","keys","find","COLOR_FORMAT_INPUTS","configs","_toConsumableArray","push","concat","flex"],"mappings":"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"}

package/es/dialog/Dialog.js

@@ -9,7 +9,7 @@ import Portal from '../common/Portal.js';
 import { u as useSetState, a as useAttach } from '../_chunks/dep-C_wPqvpm.js';
 import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
-import { d as dialogDefaultProps, D as DialogCard } from '../_chunks/dep-CRURwzDj.js';
+import { d as dialogDefaultProps, D as DialogCard } from '../_chunks/dep-CsSvR9wN.js';
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import { u as useMouseEvent } from '../_chunks/dep-BbeHB7S3.js';
 import { _ as _toConsumableArray } from '../_chunks/dep-CgyDw_YI.js';
@@ -31,6 +31,9 @@ import '../loading/style/css.js';
 import '../_chunks/dep-D6YxJv-F.js';
 import '../button/style/css.js';
 import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-CD_4-1Xb.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
 
 var useDialogDrag = function useDialogDrag(props) {
   var dialogCardRef = props.dialogCardRef,