tdesign-react
Version:
TDesign Component for React
149 lines (144 loc) • 6.01 kB
JavaScript
/**
* tdesign v1.16.2
* (c) 2025 tdesign
* @license MIT
*/
import './dep-28ed5864.js';
import { A as ALPHA_FORMAT_MAP, F as FORMATS, C as COLOR_FORMAT_INPUTS } from './dep-8def4f8a.js';
import { _ as _classCallCheck, a as _createClass } from './dep-8de6c984.js';
import { _ as _defineProperty } from './dep-d67deb2c.js';
import { _ as _toConsumableArray } from './dep-a3a3e527.js';
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
var defaultsOptions = {
start: function start(coordinate, event) {},
drag: function drag(coordinate, event) {},
end: function end(coordinate, event) {}
};
var _Draggable_brand = /*#__PURE__*/new WeakSet();
var Draggable = /*#__PURE__*/function () {
function Draggable(el, options) {
_classCallCheck(this, Draggable);
_classPrivateMethodInitSpec(this, _Draggable_brand);
_defineProperty(this, "dragging", false);
this.$el = el;
this.props = _objectSpread(_objectSpread({}, defaultsOptions), options);
this.handles = {
start: _assertClassBrand(_Draggable_brand, this, _dragStart).bind(this),
drag: _assertClassBrand(_Draggable_brand, this, _drag).bind(this),
end: _assertClassBrand(_Draggable_brand, this, _dragEnd).bind(this)
};
this.$el.addEventListener("mousedown", this.handles.start, false);
}
return _createClass(Draggable, [{
key: "destroy",
value: function destroy() {
this.$el.removeEventListener("mousedown", this.handles.start, false);
window.removeEventListener("mousemove", this.handles.drag, false);
window.removeEventListener("mouseup", this.handles.end, false);
window.removeEventListener("contextmenu", this.handles.end, false);
}
}]);
}();
function _dragStart(event) {
if (this.dragging) {
return;
}
window.addEventListener("mousemove", this.handles.drag, false);
window.addEventListener("mouseup", this.handles.end, false);
window.addEventListener("contextmenu", this.handles.end, false);
this.dragging = true;
this.props.start(_assertClassBrand(_Draggable_brand, this, _getCoordinate).call(this, event), event);
}
function _drag(event) {
if (!this.dragging) {
return;
}
this.props.drag(_assertClassBrand(_Draggable_brand, this, _getCoordinate).call(this, event), event);
}
function _dragEnd(event) {
var _this = this;
setTimeout(function () {
_this.dragging = false;
_this.props.end(_assertClassBrand(_Draggable_brand, _this, _getCoordinate).call(_this, event), event);
}, 0);
window.removeEventListener("mousemove", this.handles.drag, false);
window.removeEventListener("mouseup", this.handles.end, false);
window.removeEventListener("contextmenu", this.handles.end, false);
}
function _getCoordinate(event) {
var rect = this.$el.getBoundingClientRect();
var mouseEvent = event;
var left = mouseEvent.clientX - rect.left;
var top = mouseEvent.clientY - rect.top;
return {
y: Math.min(Math.max(0, top), rect.height),
x: Math.min(Math.max(0, left), rect.width)
};
}
var initColorFormat = function initColorFormat(format, enableAlpha) {
if (enableAlpha && format in ALPHA_FORMAT_MAP) {
return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format] : format;
}
return format;
};
var getColorFormatMap = function getColorFormatMap(color, type) {
if (type === "encode") {
return {
HSV: color.getHsva(),
HSVA: color.getHsva(),
HSL: color.getHsla(),
HSLA: color.getHsla(),
RGB: color.getRgba(),
RGBA: color.getRgba(),
CMYK: color.getCmyk(),
CSS: {
css: color.css
},
HEX: {
hex: color.hex
},
HEX8: {
hex: color.hex8
}
};
}
return color.getFormatsColorMap();
};
var getColorFormatOptions = function getColorFormatOptions(enableAlpha) {
return enableAlpha ? FORMATS.map(function (item) {
return item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item] : item;
}) : FORMATS;
};
var getColorFormatInputs = function getColorFormatInputs() {
var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "RGB";
var enableAlpha = arguments.length > 1 ? arguments[1] : undefined;
var finalFormat;
if (enableAlpha) {
finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(function (key) {
return key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key] === format;
}) || format;
} else {
finalFormat = format;
}
if (!COLOR_FORMAT_INPUTS[finalFormat]) return [];
var configs = _toConsumableArray(COLOR_FORMAT_INPUTS[finalFormat]);
if (enableAlpha && format !== "CMYK") {
configs.push({
type: "inputNumber",
key: "a",
min: 0,
max: 100,
format: function format(value) {
return "".concat(value, "%");
},
flex: 1.15
});
}
return configs;
};
export { getColorFormatMap as a, getColorFormatInputs as b, getColorFormatOptions as g, initColorFormat as i };
//# sourceMappingURL=dep-9033461e.js.map