@luck-design-biz/luckda 0.0.24-2 → 0.0.24-3

package/lib/lowcode/painter/panel-section/StylePanel/Border.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _BorderSelector = _interopRequireDefault(require("./BorderSelector"));
-var _borderEditor = _interopRequireDefault(require("../../style/border-editor.less"));
-var _antd = require("luck-design/antd");
-var _Size = _interopRequireDefault(require("./Size"));
-var _ColorInput = _interopRequireDefault(require("../../components/ColorInput"));
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
-var Option = _antd.Select.Option;
-var borderMainProps = ['border-width', 'border-color', 'border-style'];
-var borderSideProps = ['border-top-width', 'border-top-color', 'border-top-style', 'border-right-width', 'border-right-color', 'border-right-style', 'border-bottom-width', 'border-bottom-color', 'border-bottom-style', 'border-left-width', 'border-left-color', 'border-left-style'];
-var textRelatedStyles = [].concat(borderMainProps, borderSideProps);
-var getPropName = function getPropName(str) {
-  return str.split('-').pop();
-};
-
-/**
- * 边框样式设置控件
- */
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(BorderEditor, null),
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border',
-      label: '边框'
-    })
-  });
-}
-var BorderEditor = function BorderEditor() {
-  var _style$styleField;
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(field, value) {
-    if (curDirection == 'all') {
-      var mainPropsName = getPropName(field);
-      borderSideProps.forEach(function (item) {
-        if (mainPropsName === getPropName(item)) delete style[item];
-      });
-    }
-    if (value) {
-      style[field] = value;
-    } else {
-      delete style[field];
-    }
-    dispatch({
-      type: 'new',
-      payload: style
-    });
-  };
-  var handleDirectChange = function handleDirectChange(value) {
-    setCurDirection(value);
-  };
-  var styleField = 'border-style';
-  var widthField = 'border-width';
-  var colorField = 'border-color';
-  if (curDirection != 'all') {
-    styleField = "border-".concat(curDirection, "-style");
-    widthField = "border-".concat(curDirection, "-width");
-    colorField = "border-".concat(curDirection, "-color");
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['border-editor-wrapper']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-left']
-  }, /*#__PURE__*/_react.default.createElement(_BorderSelector.default, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-right']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [styleField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style',
-    label: '边框'
-  })), /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    style: {
-      flex: 1
-    },
-    size: "small",
-    onChange: function onChange(value) {
-      handleChange(styleField, value);
-    },
-    value: (_style$styleField = style[styleField]) !== null && _style$styleField !== void 0 ? _style$styleField : ''
-  }, /*#__PURE__*/_react.default.createElement(Option, {
-    value: ""
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.none',
-    label: '无'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "solid"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.solid',
-    label: '实线条'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "dotted"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dotted',
-    label: '点线'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "dashed"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dashed',
-    label: '虚线'
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [widthField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.width',
-    label: '线宽'
-  })), /*#__PURE__*/_react.default.createElement(_Size.default, {
-    field: widthField,
-    style: {
-      flex: 1
-    },
-    placeholder: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border.width.ph",
-      label: '线宽'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(widthField, value);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [colorField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.color',
-    label: '颜色'
-  })), /*#__PURE__*/_react.default.createElement(_ColorInput.default, {
-    wrapperStyle: {
-      flex: 1
-    },
-    value: style[colorField],
-    onChange: function onChange(value) {
-      return handleChange(colorField, value);
-    }
-  })))));
-};

package/lib/lowcode/painter/panel-section/StylePanel/BorderRadius.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _BorderRadiusSelector = _interopRequireDefault(require("./BorderRadiusSelector"));
-var _borderEditor = _interopRequireDefault(require("../../style/border-editor.less"));
-var _Size = _interopRequireDefault(require("./Size"));
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
-var borderMainProps = ['border-radius'];
-var borderSideProps = ['border-top-right-radius', 'border-top-left-radius', 'border-bottom-left-radius', 'border-bottom-right-radius'];
-var textRelatedStyles = [].concat(borderMainProps, borderSideProps);
-
-/**
- * 圆角样式设置控件
- */
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(BorderRadiusEditor, null),
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius',
-      label: ' 圆角'
-    })
-  });
-}
-var BorderRadiusEditor = function BorderRadiusEditor() {
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(field, value) {
-    if (curDirection == 'all') {
-      borderSideProps.forEach(function (item) {
-        delete style[item];
-      });
-    }
-    if (value) {
-      style[field] = value;
-    } else {
-      delete style[field];
-    }
-    dispatch({
-      type: 'new',
-      payload: style
-    });
-  };
-  var handleDirectChange = function handleDirectChange(value) {
-    setCurDirection(value);
-  };
-  var field = 'border-radius';
-  if (curDirection != 'all') {
-    field = "border-".concat(curDirection, "-radius");
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['border-editor-wrapper']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-left']
-  }, /*#__PURE__*/_react.default.createElement(_BorderRadiusSelector.default, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-right-single']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [field]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius.width',
-    label: '半径'
-  })), /*#__PURE__*/_react.default.createElement(_Size.default, {
-    field: field,
-    style: {
-      flex: 1
-    },
-    placeholder: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border-radius.width.ph",
-      label: '半径'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(field, value);
-    }
-  })))));
-};

package/lib/lowcode/painter/panel-section/StylePanel/BorderRadiusSelector.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _borderRadiusSelector = _interopRequireDefault(require("../../style/border-radius-selector.less"));
-/**
- * 圆角设置组件
- */
-function _default(_ref) {
-  var onChange = _ref.onChange;
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curSelect = _useState2[0],
-    setCurSelect = _useState2[1];
-  var handleSelected = function handleSelected(direction) {
-    if (onChange) onChange(direction);
-    setCurSelect(direction);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderRadiusSelector.default['lc-painter-panel-section-style-panel-border-radius-selector']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderRadiusSelector.default['selector-box']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderRadiusSelector.default['selector-row']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-row'], " ").concat(_borderRadiusSelector.default['b-left'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-wrapper']).concat(curSelect === 'top-left' ? " ".concat(_borderRadiusSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top-left');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderRadiusSelector.default['selector-item']
-  }, "\u250F")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-wrapper']).concat(curSelect === 'bottom-left' ? " ".concat(_borderRadiusSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom-left');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderRadiusSelector.default['selector-item']
-  }, "\u2517")))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-row'], " ").concat(_borderRadiusSelector.default['b-center'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-wrapper']).concat(curSelect === 'all' ? " ".concat(_borderRadiusSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('all');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderRadiusSelector.default['selector-item']
-  }, "\u254B"))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-row'], " ").concat(_borderRadiusSelector.default['b-right'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-wrapper']).concat(curSelect === 'top-right' ? " ".concat(_borderRadiusSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top-right');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderRadiusSelector.default['selector-item']
-  }, "\u2513")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderRadiusSelector.default['selector-wrapper']).concat(curSelect === 'bottom-right' ? " ".concat(_borderRadiusSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom-right');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderRadiusSelector.default['selector-item']
-  }, "\u251B")))));
-}

package/lib/lowcode/painter/panel-section/StylePanel/BorderSelector.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _borderSelector = _interopRequireDefault(require("../../style/border-selector.less"));
-/**
- * 边框选择组件
- */
-function _default(_ref) {
-  var onChange = _ref.onChange;
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curSelect = _useState2[0],
-    setCurSelect = _useState2[1];
-  var handleSelected = function handleSelected(direction) {
-    if (onChange) onChange(direction);
-    setCurSelect(direction);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderSelector.default['lc-painter-panel-section-style-panel-border-selector']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderSelector.default['selector-box']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderSelector.default['selector-row']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-row'], " ").concat(_borderSelector.default['b-left'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-wrapper']).concat(curSelect === 'left' ? " ".concat(_borderSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('left');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderSelector.default['selector-item']
-  }, "\u2523")))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-row'], " ").concat(_borderSelector.default['b-center'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-wrapper']).concat(curSelect === 'top' ? " ".concat(_borderSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderSelector.default['selector-item']
-  }, "\u2533")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-wrapper']).concat(curSelect === 'all' ? " ".concat(_borderSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('all');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderSelector.default['selector-item']
-  }, "\u254B")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-wrapper']).concat(curSelect === 'bottom' ? " ".concat(_borderSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderSelector.default['selector-item']
-  }, "\u253B"))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-row'], " ").concat(_borderSelector.default['b-right'])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_borderSelector.default['selector-wrapper']).concat(curSelect === 'right' ? " ".concat(_borderSelector.default['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('right');
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _borderSelector.default['selector-item']
-  }, "\u252B")))));
-}