@luck-design-biz/luckda 0.0.25 → 0.0.26

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")))));
-}

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

@@ -1,303 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _uiDesign = require("@luck-helper/ui-design");
-var _utils = require("@luck-design-biz/base/utils");
-var _antd = require("luck-design/antd");
-var _display = _interopRequireDefault(require("../../style/display.less"));
-var _DisplaySvg = _interopRequireDefault(require("./DisplaySvg"));
-var _StyleContext = require("./StyleContext");
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var textRelatedStyles = ['display', 'flex-direction', 'align-items', 'justify-content'];
-
-/**
- * 显示样式设置控件
- */
-function _default(_ref) {
-  var label = _ref.label;
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleDisplayChange = function handleDisplayChange(id, value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: id,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    label: label,
-    highLightFields: textRelatedStyles,
-    collapsed: style.display != 'flex',
-    addon: style.display == 'flex' ? /*#__PURE__*/_react.default.createElement(FlexTypeSelector, {
-      dispatch: dispatch
-    }) : null
-  }, /*#__PURE__*/_react.default.createElement(_uiDesign.Segmented, {
-    options: options,
-    onChange: function onChange(value) {
-      return handleDisplayChange('display', value);
-    },
-    value: style.display
-  }));
-}
-var FlexTypeSelector = function FlexTypeSelector() {
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(id, value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: id,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _display.default['lc-painter-panel-section-style-panel-display']
-  }, /*#__PURE__*/_react.default.createElement(_uiDesign.Segmented, {
-    options: directOptions,
-    onChange: function onChange(value) {
-      return handleChange('flex-direction', value);
-    },
-    value: style['flex-direction']
-  }), /*#__PURE__*/_react.default.createElement(_uiDesign.Segmented, {
-    options: alignOptions,
-    onChange: function onChange(value) {
-      return handleChange('align-items', value);
-    },
-    value: style['align-items']
-  }), /*#__PURE__*/_react.default.createElement(_uiDesign.Segmented, {
-    options: justifyOptions,
-    onChange: function onChange(value) {
-      return handleChange('justify-content', value);
-    },
-    value: style['justify-content']
-  }));
-};
-var options = [{
-  label: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: "block"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.display.block',
-    label: '块'
-  })),
-  value: 'block'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: "inline-block"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.display.inline-block',
-    label: '行内块'
-  })),
-  value: 'inline-block'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: "inline"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.display.inline',
-    label: '行内'
-  })),
-  value: 'inline'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: "flex"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.display.flex',
-    label: '弹性'
-  })),
-  value: 'flex'
-}];
-function parseDirection(input) {
-  var parts = input.split('-');
-  var type = parts[0];
-  var isReverse = parts.length > 1 && parts[1] === 'reverse';
-  return {
-    type: type,
-    isReverse: isReverse
-  };
-}
-var SvgLabel = function SvgLabel(_ref2) {
-  var name = _ref2.name,
-    tip = _ref2.tip,
-    pre = _ref2.pre;
-  var style = (0, _StyleContext.useStyle)();
-  var direct = null;
-  var SvgComponent = null;
-  var className = null;
-  if (pre) {
-    var _style$flexDirection;
-    direct = parseDirection((_style$flexDirection = style['flex-direction']) !== null && _style$flexDirection !== void 0 ? _style$flexDirection : 'row');
-    SvgComponent = _DisplaySvg.default["".concat(direct.type, "-").concat(pre, "-").concat(name)];
-  } else {
-    direct = parseDirection(name);
-    SvgComponent = _DisplaySvg.default[name];
-  }
-  if (direct.isReverse) {
-    className = direct.type == 'row' ? _display.default['revert-h'] : _display.default['revert-v'];
-  }
-  return SvgComponent ? /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: tip
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(SvgComponent, {
-    className: className
-  }))) : null;
-};
-var directOptions = [{
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "row",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.direct.row',
-      label: '方向：横向'
-    })
-  }),
-  value: 'row'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "column",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.direct.column',
-      label: '方向：纵向'
-    })
-  }),
-  value: 'column'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "row-reverse",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.direct.column',
-      label: '方向：横向反转'
-    })
-  }),
-  value: 'row-reverse'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "column-reverse",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.direct.column',
-      label: '方向：纵向反转'
-    })
-  }),
-  value: 'column-reverse'
-}];
-var alignOptions = [{
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "flex-start",
-    pre: "align",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.align-items.flex-start',
-      label: '交叉轴：起始对齐'
-    })
-  }),
-  value: 'flex-start'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "center",
-    pre: "align",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.align-items.center',
-      label: '交叉轴：居中'
-    })
-  }),
-  value: 'center'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "flex-end",
-    pre: "align",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.align-items.flex-end',
-      label: '交叉轴：终点对齐'
-    })
-  }),
-  value: 'flex-end'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "stretch",
-    pre: "align",
-    top: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.align-items.stretch',
-      label: '交叉轴：拉伸'
-    })
-  }),
-  value: 'stretch'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "baseline",
-    pre: "align",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.align-items.baseline',
-      label: '交叉轴：基线'
-    })
-  }),
-  value: 'baseline'
-}];
-var justifyOptions = [{
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "flex-start",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.flex-start',
-      label: '水平轴：起始对齐'
-    })
-  }),
-  value: 'flex-start'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "center",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.center',
-      label: '水平轴：居中对齐'
-    })
-  }),
-  value: 'center'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "flex-end",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.flex-end',
-      label: '水平轴：结束对齐'
-    })
-  }),
-  value: 'flex-end'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "space-between",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.space-between',
-      label: '水平轴：两端对齐'
-    })
-  }),
-  value: 'space-between'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "space-around",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.space-around',
-      label: '水平轴：均匀对齐，项目周围间隔相等'
-    })
-  }),
-  value: 'space-around'
-}, {
-  label: /*#__PURE__*/_react.default.createElement(SvgLabel, {
-    name: "space-evenly",
-    pre: "justify",
-    tip: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display.justify.space-evenly',
-      label: '水平轴：均匀分布，所有项目与容器边缘的间隔相等'
-    })
-  }),
-  value: 'space-evenly'
-}];